import type { Product } from "@/lib/data";
import { ProductCard } from "./ProductCard";

export function ProductGrid({ products }: { products: Product[] }) {
  if (!products.length) {
    return <p className="py-16 text-center text-sm text-zinc-500">محصولی یافت نشد.</p>;
  }

  return (
    <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
      {products.map((product) => (
        <div key={product.id} className="rounded-xl border border-black/5 bg-white">
          <ProductCard product={product} />
        </div>
      ))}
    </div>
  );
}