import ProductCard from "./ProductCard";
import type { StoreProduct } from "@/lib/actions/products";

export default function RelatedProducts({ products }: { products: StoreProduct[] }) {
  if (!products || products.length === 0) return null;

  return (
    <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
      {products.map((product) => (
        <ProductCard
          key={product.id}
          productId={product.id}
          title={product.title}
          description={product.description}
          price={product.price}
          imageUrl={product.imageUrl}
          link={product.link}
          isFeatured={product.isFeatured}
        />
      ))}
    </div>
  );
}