import { Button } from "react-bootstrap";
import Modal from "react-bootstrap/Modal";

interface Prop {
  handleDeleteModalfn: any; 
  handleModalClosefn: any;
  isModalStatus: boolean;
  isModalType?: string;
}

function ConfirmModalAlert(props: Prop) {

  const modalVerb = (() => {
    if (props?.isModalType === "accept") return "accept";
    if (props?.isModalType === "cancel") return "cancel";
    return "delete";
  })();

  return (
    <>
      <Modal show={props?.isModalStatus}>
        <Modal.Header>
          <Modal.Title>Are you sure you want to {modalVerb}?</Modal.Title>
        </Modal.Header>
        <Modal.Body>
          <div className='reg_button'>
            <Button
              style={{background: "#3180f3", borderColor: "#3180f3"}}
              className='mx-2'
              onClick={() => props?.handleDeleteModalfn()}
            >
              Confirm
            </Button>
            <Button
              style={{background: "#dc3545 ", borderColor: "#dc3545"}}
              className='mx-2 carrierButton'
              onClick={() => props?.handleModalClosefn()}
            >
              Close
            </Button>
          </div>
        </Modal.Body>
        <Modal.Footer></Modal.Footer>
      </Modal>
    </>
  )
}

export default ConfirmModalAlert;