'use client' import Script from "next/script" import Footer from "../components/footer" import Navbar from "../components/navbar" import StyleSelector from "../components/themeselector" import styles from "../styles/Home.module.css" import { Page } from '../components/styles/generic' import { DefaultTheme, ThemeProvider } from 'styled-components'; import { createContext, useContext, useEffect, useState } from "react" import { setCookie } from "cookies-next" import { darkTheme } from "../components/themes" const ThemeUpdateContext = createContext( (theme: DefaultTheme) => console.error("attempted to set theme outside of a ThemeUpdateContext.Provider") ) // eslint-disable-next-line react-hooks/rules-of-hooks export const useUpdateTheme = () => useContext(ThemeUpdateContext); export default function Layout({ children, }: { children: React.ReactNode }) { const [selectedTheme, setselectedTheme] = useState(darkTheme); console.log("Selected Theme: ", selectedTheme); // DEBUG return ( {children} ) } {/* {children}