18 lines
442 B
TypeScript
18 lines
442 B
TypeScript
import { ProductCard } from "./product-card"
|
|
import { Product } from "@/types/product"
|
|
|
|
interface ProductGridProps {
|
|
products: Product[]
|
|
}
|
|
|
|
export function ProductGrid({ products }: ProductGridProps) {
|
|
return (
|
|
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
|
|
{products.map((product) => (
|
|
<ProductCard key={product.id} product={product} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|