Elep

import React from 'react'

const Place = ({place}) => {
    const image = place.image && place.image.length ? place.image[0] : '';
    return (
        <div>
            <div className="actual-result">
                {image && <a href={`/place/new/${place.slug}`}>
                    <div className="search-place-image" style={{ backgroundImage: 'url(' + image + ')', width: '100%'}}>
                    </div>
                </a>}
                <div className="search-place-details">
                    <h3 className="place-title">
                        <a href={`/place/new/${place.slug}`}>{place.name}</a>
                        <a style={{ paddingLeft: '10px', fontSize: '15px', color: 'var(--yellow)'}} href={`/place/new/edit/${place.slug}`}></a>
                    </h3>
                    <span></span>
                    <div className="place-phones">
                        <svg stroke="currentColor" fill="#222222" strokeWidth="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M426.666 330.667a250.385 250.385 0 0 1-75.729-11.729c-7.469-2.136-16-1.073-21.332 5.333l-46.939 46.928c-60.802-30.928-109.864-80-140.802-140.803l46.939-46.927c5.332-5.333 7.462-13.864 5.332-21.333-8.537-24.531-12.802-50.136-12.802-76.803C181.333 73.604 171.734 64 160 64H85.333C73.599 64 64 73.604 64 85.333 64 285.864 226.136 448 426.666 448c11.73 0 21.334-9.604 21.334-21.333V352c0-11.729-9.604-21.333-21.334-21.333z"></path></svg>
                        <a>{place.phones.length ? place.phones[0] : ''}</a>
                    </div>
                    <p className="place-address">{place.address}</p>
                    <div className="search-highlight">
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Place