Elep

import React from 'react';

export const SearchItem = ({place}) => {
    const url = `/places/${place.slug}`;
    const pic = place.image || '/images/resized/default.jpg';
    return (
        <div className="actual-result" style={{ marginBottom: '20px' }}>
		    <a href={url} data-slug="{place.slug}">
		    	<div className="search-place-image" style={{ backgroundImage: 'url(' + pic + ')'}}>
		    	</div>
		    </a>
		    
		    <div className="search-place-details">
		        <div className="place-title">
		            <h3><a href={url} data-slug="{place.slug}">{place.name}</a></h3>
				</div>
				{place.phones && place.phones.length ? 
                    <div className="place-phones">
                        <i className="fa fa-phone-square"></i>
                        <a href={'tel:' + place.phones[0]}>{place.phones[0]}</a>
                    </div> : ''
                }
				
				<p className="place-address">{place.address}.</p>
				<span className="deliveries">
					<i className="fa fa-motorcycle"></i>
					{place.delivery && place.delivery.length ? place.delivery.map(deliver => deliver).join(", ") : '<i className="fa fa-times"></i>'}
				</span>
		        <hr />
		    </div>
		</div>
    )
}