import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; import { Slot } from "one"; import { useServerHeadInsertion } from "one"; import { StyleRegistryProvider, createStyleRegistry } from "yoshiki/web"; import { Providers } from "~/providers"; const GlobalCssTheme = () => { // const theme = useTheme(); // TODO: add fonts here // body {font-family: ${font.style.fontFamily};} // background-color: ${theme.background}; return ( <> {/* */} {/* */} {/* */} {/* */} ); }; export default function Layout() { const registry = createStyleRegistry(); useServerHeadInsertion(() => registry.flushToComponent()); // TODO: change this lang attr return ( Kyoo ); }