24 lines
596 B
TypeScript
24 lines
596 B
TypeScript
import type { Product } from "@/lib/products/types"
|
|
import { ProductCard } from "./product-card"
|
|
|
|
interface ProductGridProps {
|
|
products: Product[]
|
|
}
|
|
|
|
export function ProductGrid({ products }: ProductGridProps) {
|
|
if (products.length === 0) {
|
|
return (
|
|
<div className="text-center py-12">
|
|
<p className="text-muted-foreground">No products found.</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="grid gap-6 md:gap-8 md:grid-cols-2 lg:grid-cols-3">
|
|
{products.map((product) => (
|
|
<ProductCard key={product.id} product={product} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|