import React from 'react';
import useTheme from '@theme/hooks/useTheme';
import ThemeContext from '@theme/_contexts/ThemeContext';

function ThemeProvider(props) {
  const { isDarkTheme, setLightTheme, setDarkTheme } = useTheme();
  return (
    <ThemeContext.Provider
      value={{
        isDarkTheme,
        setLightTheme,
        setDarkTheme,
      }}
    >
      {props.children}
    </ThemeContext.Provider>
  );
}

export default ThemeProvider;