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

interface Prop {
    tableRowData: any;
    handleModalClosefn: () => void;
    isModalStatus: boolean;
}

function BulkImportReasonModal({ tableRowData, handleModalClosefn, isModalStatus }: Prop) {

    const handleClose = () => {
        handleModalClosefn();
    };

    return (
        <Modal show={isModalStatus} onHide={handleClose}>
            <Modal.Header closeButton className="border-bottom w-100">
                <Modal.Title className="w-100 text-start">
                    Reason for Rejection
                </Modal.Title>
            </Modal.Header>
            <Modal.Body>
                <div
                    className="p-2 border rounded bg-light text-break"
                    style={{ whiteSpace: 'pre-wrap' }}
                >
                    {tableRowData?.comment || "No reason provided."}
                </div>
            </Modal.Body>
            <Modal.Footer className="bulk-import-modal-footer">
                <Button
                    style={{ background: "#dc3545", borderColor: "#dc3545" }}
                    className="bulk-import-close-btn mx-2"
                    onClick={handleClose}
                >
                    Close
                </Button>
            </Modal.Footer>
        </Modal>
    );
}

export default BulkImportReasonModal;