import React from 'react';
import ViewMarketplace from "../Leumas/LeumasMarketplaces/ViewMarketplace"
const MarketplaceCard = ({ model, marketplace, onClick , setMode}) => {

    const handleClick = (e) => {
        e.stopPropagation();
        setMode(<ViewMarketplace model={model || marketplace} />);
    };


    return (
        <div className="card-container max-h-[300px] overflow-y-scroll" onClick={handleClick}>
            
            <h3>{model?.name || marketplace?.name}</h3>
            <p>Status: {model?.isPublic ? "Public" : "Private"}</p>
            <p>Description: {model?.description || marketplace?.description}</p>
            <p>Number of shops: {model?.shops?.length || marketplace?.shops?.length}</p>
        </div>
    );
};

export default MarketplaceCard;