import { Card, CardContent } from "@/components/ui/card"
import { Outlet, createRootRoute } from "@tanstack/react-router"
import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"


export const Route = createRootRoute({
    component: RootComponent,
})

function RootComponent() {
    return <>
        <div className="text-foreground mx-auto w-[750px] max-w-full px-5 pt-28 pb-10">
            <Card>
                <CardContent>
                    <Outlet />
                </CardContent>
            </Card>
        </div>

        <TanStackRouterDevtools />
    </>
}
