import { cookies } from 'next/headers'; import { Toaster } from '@kit/ui/sonner'; import { cn } from '@kit/ui/utils'; import { RootProviders } from '~/components/root-providers'; import { heading, sans } from '~/lib/fonts'; import { createI18nServerInstance } from '~/lib/i18n/i18n.server'; import { generateRootMetadata } from '~/lib/root-metdata'; import '../styles/globals.css'; export default async function RootLayout({ children, }: { children: React.ReactNode; }) { const { language } = await createI18nServerInstance(); const theme = getTheme(); const className = getClassName(theme); return ( {children} ); } function getClassName(theme?: string) { const dark = theme === 'dark'; const light = !dark; return cn( 'min-h-screen bg-background antialiased', sans.variable, heading.variable, { dark, light, }, ); } function getTheme() { return cookies().get('theme')?.value; } export const generateMetadata = generateRootMetadata;