import ProductCard from '@/components/product/ProductCard';
import type { CmsSlot } from '@/components/cms/types';

export default function CmsElementProductListing({ slot }: { slot: CmsSlot }) {
  const elements = slot.data?.listing?.elements ?? [];
  if (elements.length === 0) return null;
  return (
    <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6">
      {elements.map((p: any) => (
        <ProductCard key={p.id} product={p} />
      ))}
    </div>
  );
}