import { createFileRoute, Link, Outlet } from "@tanstack/react-router";

export const Route = createFileRoute("/_app/_adminLayout/admin/_users")({
    component: RouteComponent,
});

function RouteComponent() {
    return (
        <div>
            <nav className="flex justify-center gap-3">
                <Link
                    to="/admin/users"
                    className="[&.active]:font-bold [&.active]:underline"
                    activeOptions={{
                        exact: true,
                    }}
                >
                    Users
                </Link>
                <Link
                    to="/admin/prodUsers"
                    className="[&.active]:font-bold [&.active]:underline"
                >
                    Prod Users
                </Link>
            </nav>
            <Outlet />
        </div>
    );
}
