import React from 'react';
import { Modal, Row, Col } from 'react-bootstrap'

export default function Eliminar(props) {

    let { visible, onClose, puesto } = props

    return(
        <Modal size="lg" aria-labelledby="contained-modal-title-vcenter" centered  show={visible} onHide={onClose}>
            <Modal.Header>
                <button onClick={onClose} type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">¡Atención!</h4>
            </Modal.Header>
            <Modal.Body className="modal-body">

                <h1 class="alert">¿Estás seguro que deseas eliminar esta plaza?</h1>
                <p class="text-alert">Una vez eliminado no será posible recuperarla</p>
                <Row>
                    <Col md="6">
                        <div class="cancel_producto_confirm">
                            <div class="btn_cancelar">
                                <a href="/" type="submit">Cancelar</a>
                            </div>
                        </div>
                    </Col>
                    <Col md="6">
                        <div class="delet_producto_confirm">
                            <div class="btn_delete_producto_confirm">
                                <a  href="/" onClick={() => console.log('ID >> ',puesto.id)} type="submit">Eliminar</a>
                            </div>
                        </div>
                    </Col>
                </Row>
            </Modal.Body>
        </Modal>
    )
}
