"use client";

import Link from "next/link";
import { usePathname } from "next/navigation";
import { PORTAL_NAV } from "@/lib/nav";

export function PortalNav({ extra }: { extra?: { href: string; label: string }[] }) {
  const path = usePathname();
  const links = [...PORTAL_NAV, ...(extra || [])];

  return (
    <nav className="floor-nav" aria-label="Floor">
      {links.map((link) => {
        const active = link.href === "/" ? path === "/" : path.startsWith(link.href);
        return (
          <Link key={`${link.href}-${link.label}`} href={link.href} className={active ? "is-active" : undefined}>
            {link.label}
          </Link>
        );
      })}
    </nav>
  );
}