"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = require("react");
const styled_components_1 = require("styled-components");
const theme_1 = require("../styles/theme");
function MyApp({ Component, pageProps }) {
    const [theme, setTheme] = (0, react_1.useState)("light");
    return (<styled_components_1.ThemeContext.Provider value={[theme, setTheme]}>
            <theme_1.GlobalStyles />
            {theme == "light" ? <theme_1.LightMode /> : <></>}
            {theme == "dark" ? <theme_1.DarkMode /> : <></>}
            {theme == "light-dyslexic" ? <theme_1.DyslexicMode /> : <></>}
            {theme == "dark-dyslexic" ? <theme_1.DyslexicMode /> : <></>}
            <Component {...pageProps} theme={theme} setTheme={setTheme}/>
        </styled_components_1.ThemeContext.Provider>);
}
exports.default = MyApp;
//# sourceMappingURL=_app.jsx.map