import CustomModal from '@/components/CustomModal';
import Button from '@/components/ui/Button';

interface SimpleModalProps {
  show?: boolean;
  handleClose?: () => void;

  modalTitle?: string;
  modalDescription?: string;
}

const SimpleModal = ({
  show,
  handleClose,
  modalTitle,
  modalDescription,
}: SimpleModalProps) => {
  return (
    <CustomModal show={show} handleClose={handleClose}>
      <div className="d-flex flex-column py-sm-4 py-2  justify-content-center align-items-center gap-2">
        <h5 className="fs-sm-17 fs-15 fw-bold">{modalTitle}</h5>
        <h5 className="fs-sm-11 fs-10 text-light-grey-2 text-center">
          {modalDescription}
        </h5>

        <div className="d-flex mt-3 justify-content-center  gap-3 align-items-center">
          <Button
            onClick={handleClose}
            className="btn btn-outline-dark rounded-pill"
            size="md"
          >
            No
          </Button>
          <Button onClick={handleClose} className="btn btn-feature" size="md">
            Yes
          </Button>
        </div>
      </div>
    </CustomModal>
  );
};

export default SimpleModal;