ProductGrid.jsx

1import { ProductCard } from "./ProductCard.jsx";23export function ProductGrid({ products, eager = 0, tiles = false, hide, now }) {4  if (!products.length) return <p className="lead empty">Nothing here right now. New variations arrive with every moon.</p>;5  return (6    <div className="grid">7      {products.map((product, i) => (8        <ProductCard key={product.key} product={product} eager={i < eager} tiles={tiles} hidden={hide ? hide(product) : false} now={now} />9      ))}10    </div>11  );12}