import { createRootRoute, Outlet } from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
import { ThemeProvider } from '@/components/theme-provider'
import { Toaster } from '@/components/ui/sonner'
import '../index.css'

const RootLayout = () => (
	<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
		<Outlet />
		<Toaster />
		<TanStackRouterDevtools />
	</ThemeProvider>
)

export const Route = createRootRoute({ component: RootLayout })