const ModalCard = (props) => 
    
    <Modal size="lg" isOpen={props.modalOpen} >
   
        <ModalBody >
     
            <Media className=" row ">
                <Media left className="d-flex col-6 align-self-center justify-content-center mx-3">
                    <Media object src={props.tort.image} className="img-fluid" alt=""  />
                </Media>
                <Media body className="col-6 d-flex flex-column align-self-stretch">
                    <Media heading>
                        {props.tort.name}
                    </Media>
                    
                        <div>{props.tort.description}</div>
                        {props.tort.filling ? <div><strong>Начинка</strong> - {props.tort.filling}</div>: null}
                        {props.tort.topping ? <div><strong>Покрытие</strong> - {props.tort.topping}</div>: null}
                        {props.tort.decor ? <div><strong>Декор</strong> - {props.tort.decor}</div>: null}
                        <div className="d-flex font-small mt-auto justify-content-center">
                              <Button color="pink" onClick={e => props.click_modal("show",e)}>Закрыть</Button>
                        </div>  
                    
                </Media>
            </Media>
         
    
        </ModalBody>
      
    </Modal>