src/app/admin/admin-nav.tsx

"use client";

import Link from "next/link";
import { usePathname } from "next/navigation";
import { cn } from "@/lib/utils";

export function AdminNav() {
    const pathname = usePathname();

    const links = [
        { href: "/admin/dashboard", label: "Dashboard" },
        { href: "/admin/analysis-queue", label: "Video Hub" },
        { href: "/admin/moderation", label: "Product Hub" },
        { href: "/admin/requests", label: "Opportunities Hub" },
        { href: "/admin/users", label: "Users" },
    ];

    return (
        <nav className="flex items-center gap-4 text-sm font-medium sm:ml-4">
            {links.map((link) => {
                const isActive = pathname === link.href;
                return (
                    <Link
                        key={link.href}
                        href={link.href}
                        className={cn(
                            "transition-colors hover:text-foreground/80",
                            isActive ? "text-foreground" : "text-muted-foreground"
                        )}
                    >
                        {link.label}
                    </Link>
                );
            })}
        </nav>
    );
}