import { NavLink, type NavItemWithChildren } from "@/components/layout/NavLink";

export function Footer({
  footerItems,
}: {
  footerItems: NavItemWithChildren[];
}) {
  return (
    <footer className="border-t border-charcoal/10 bg-warm-white">
      <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-6 py-8 text-sm text-charcoal/70 sm:flex-row">
        {/* eslint-disable-next-line @next/next/no-img-element */}
        <img src="/wordmark.png" alt="Cellar Labels" className="h-6 w-auto" />
        <nav className="flex gap-6">
          {footerItems.map((item) => (
            <NavLink key={item.id} item={item} />
          ))}
        </nav>
        <p>&copy; {new Date().getFullYear()} Cellar Labels</p>
      </div>
    </footer>
  );
}