import React from "react";
import type { Product } from "../types";
import { ProductCard } from "./ProductCard";

export function ProductGrid({ items, basePath = "" }: { items: Product[]; basePath?: string }) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 gap-7">
      {items.map((p) => (
        <ProductCard key={p.id} item={p} basePath={basePath} />
      ))}
    </div>
  );
}