import { createContext, useState } from "react";
export const ThemeContext = createContext();
// pass the prop children; a provider is needed here
export default function ThemeContextProvider({ children }) {
// boolean for default setting
const [darkMode, setDarkMode] = useState(true);
return (
// allows darkMode and setDarkMode to be used
<ThemeContext.Provider value={{ darkMode, setDarkMode }}>
{children}
</ThemeContext.Provider>
);
}