import Link from "next/link";

interface NavLinksProps {
  mobile?: boolean;
}

const links = [
  { href: "/", label: "Home" },
  { href: "/offerings", label: "Offerings" },
  { href: "/about", label: "About" },
  { href: "/gallery", label: "Gallery" },
  { href: "/contact", label: "Contact" },
];

export function NavLinks({ mobile }: NavLinksProps) {
  const className = mobile
    ? "block py-2 text-base font-medium transition-colors hover:text-[var(--color-accent)]"
    : "text-sm font-medium transition-colors hover:text-[var(--color-accent)]";

  return (
    <>
      {links.map((link) => (
        <Link key={link.href} href={link.href} className={className}>
          {link.label}
        </Link>
      ))}
    </>
  );
}
