import React from 'react';

const LeumasProductCard = ({ product, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <img src={product.imageUrl} alt={product.name} />
            <h3>{product.name}</h3>
            <p>{product.description}</p>
            <p>Price: ${product.price}</p>
            <p>Category: {product.category}</p>
            <ul>
                {product.features.map((feature, index) => (
                    <li key={index}>{feature}</li>
                ))}
            </ul>
        </div>
    );
};

export default LeumasProductCard;