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

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

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