import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { prefix } from "inline-style-prefixer/lib";
import { Slot } from "one";
// import { WebTooltip } from "@kyoo/primitives/src/tooltip.web";
// import { HiddenIfNoJs, SkeletonCss, TouchOnlyCss } from "@kyoo/primitives";
import { useServerHeadInsertion } from "one";
import { StyleRegistryProvider, createStyleRegistry, useTheme } from "yoshiki/web";
import { Providers } from "~/providers";
const GlobalCssTheme = () => {
console.log(prefix("test"));
const theme = useTheme();
// TODO: add fonts here
// body {font-family: ${font.style.fontFamily};}
return (
<>
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
);
};
export default function Layout() {
const registry = createStyleRegistry();
useServerHeadInsertion(() => registry.flushToComponent());
// TODO: change this lang attr
return (
Kyoo
);
}