import Link from "next/link";

export function CollectionQuickLinks({ onCollection }: { onCollection: (id: string) => void }) {
  return (
    <nav className="collection-quick-links" aria-label="Shop collections">
      <Link href="/shop">Shop now</Link>
      <button type="button" onClick={() => onCollection("men")}>Men</button>
      <button type="button" onClick={() => onCollection("women")}>Women</button>
      <button type="button" onClick={() => onCollection("kids")}>Kids</button>
      <div className="app-promotion"><span>Get 5% off on app</span><strong>Coming soon</strong></div>
    </nav>
  );
}