const Card = ({city}) => {
    return ( 
        <div style={{
            height: 257,
            width: '100%',
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            backgroundImage: '',
        }}>
            <div style={{
                height: 179,
                width: 371,
                display: 'flex',
                flexDirection: 'column',
                justifyContent: 'space-evenly',
                alignItems: 'center',
            }}>
                <span style={{
                    color: '#000',
                    fontSize: 20,
                    fontWeight: 700
                }}>Туристическая карта г.{city}</span>
                <span style={{
                    display: 'flex',
                    flexDirection: 'column',
                    alignItems: 'center',
                }}>Приехали в город? <p>Узнай, где выгоднее остановиться, куда</p> <p>сходить и что посмотреть</p></span>
                <button style={{
                    width: 240,
                    height: 46,
                    backgroundColor: '#4B60AE',
                    borderRadius: 10,
                    color: '#fff',
                    fontSize: 16,
                    fontWeight: 400,
                    border: 'none'
                }}>Построить маршрут</button>
            </div>
        </div>
     );
}
 
export default Card;