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

export default function Nav() {
    return (
        <div>
            <nav className="flex gap-1">
                <Link
                    to="/admin"
                    className="[&.active]:font-bold"
                    activeOptions={{ exact: true }}
                >
                    Admin
                </Link>
                <Link to="/admin/servers" className="[&.active]:font-bold">
                    Servers
                </Link>
                <Link to="/admin/users" className="[&.active]:font-bold">
                    Users
                </Link>
            </nav>
        </div>
    );
}