import Link from "next/link";
import { Button } from "@/components/ui/button";

const links = [
  { label: "Catálogo", href: "/catalog" },
  { label: "Documentación", href: "/docs" },
  { label: "Solicitar", href: "/request" }
];

export function NavbarSimple() {
  return (
    <nav className="flex w-full items-center justify-between gap-4 rounded-xl border bg-card px-4 py-3">
      <div className="flex items-center gap-2">
        <span className="text-sm font-semibold">WillyDev Components</span>
      </div>
      <div className="hidden items-center gap-6 text-sm md:flex">
        {links.map((link) => (
          <Link
            key={link.href}
            href={link.href}
            className="text-muted-foreground transition-colors hover:text-foreground"
          >
            {link.label}
          </Link>
        ))}
      </div>
      <Button size="sm" className="hidden md:inline-flex">
        Acceder
      </Button>
    </nav>
  );
}