import React from 'react';

export interface CatalogProduct {
  id: string;
  name: string;
  price: string;
  imageSrc: string;
  imageAlt: string;
  rating: number;
  reviewCount: string;
  category: string;
  onProductClick: () => void;
}

interface ProductCatalogProps {
  products?: CatalogProduct[];
  className?: string;
}

export const ProductCatalog: React.FC<ProductCatalogProps> = ({ products = [], className }) => {
  return (
    <div className={className}>
      {products.map((product) => (
        <div key={product.id}>
          <h3>{product.name}</h3>
          <p>{product.price}</p>
        </div>
      ))}
    </div>
  );
};

export default ProductCatalog;