19 lines
583 B
TypeScript
19 lines
583 B
TypeScript
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>
|
|
);
|
|
}
|