import React from 'react'
import { ThemeProvider } from 'styled-components'
import { theme, GlobalStyle } from './theme'
import { useDarkMode } from '../contexts/Application'
export const StyledThemeProvider = props => {
const [isDarkMode] = useDarkMode()
return (
<ThemeProvider theme={theme(isDarkMode)}>
<GlobalStyle isDark={isDarkMode} />
{props.children}
</ThemeProvider>
)
}