import { Reffuse } from "@/reffuse"
import { createRootRoute, Link, Outlet } from "@tanstack/react-router"
import { TanStackRouterDevtools } from "@tanstack/router-devtools"


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

function Root() {
    return (
        <Reffuse.Provider>
            <div className="container mx-auto flex-row justify-center items-center gap-2 mb-4">
                <Link to="/">Index</Link>
                <Link to="/time">Time</Link>
                <Link to="/count">Count</Link>
            </div>

            <Outlet />
            <TanStackRouterDevtools />
        </Reffuse.Provider>
    )
}