const RetailerCard = ({retailerData}) => {

    const emails = retailerData.email.map(mail=><span key={`email_${mail.indirizzo}`}><i className="icon-mail me-1"/><a href={"mailto:" + mail.indirizzo}><strong>{mail.indirizzo}</strong></a><br/></span>)

    const contatti = retailerData.cellulare.map((cel,i)=><span key={`cell_${i}`}> <i className="icon-phone me-1"/><a href={"tel:" + cel.numero}><strong>{cel.numero}</strong></a> {cel.nome_e_cognome}<br/></span>)

  return (
    <div>  
        <h2 className="h4">{retailerData.name}</h2>
        {retailerData.indirizzo}<br/>
        {retailerData.cap} {retailerData.citta}<br/>

        {retailerData.telefono && <span><i className="icon-phone me-1"/><a href={"tel:" + retailerData.telefono}><strong>{retailerData.telefono}</strong></a><br/></span>}
        {contatti}

        {emails}
    </div>
  )
}