import React from 'react';
import { Modal } from 'react-bootstrap';

interface CustomModalProps {
  className?: string;
  dialgName?: string;
  show: boolean;
  closeModal: () => void;
  body?: React.ReactNode;
  footer?: React.ReactNode;
  header?: React.ReactNode;
  bodyClassname?: string;
  createModal?: boolean;
  disableCenter?: boolean;
}

const CustomModal: React.FC<CustomModalProps> = ({
  className = '',
  dialgName = '',
  show,
  closeModal,
  body = '',
  footer = '',
  header = '',
  bodyClassname = '',
  createModal = false,
  disableCenter = true,
}) => {
  return (
    <Modal
      className={className}
      dialogClassName={dialgName}
      show={show}
      onHide={closeModal}
      backdrop="static"
      centered={!disableCenter}
    >
      <Modal.Header>{header || null}</Modal.Header>
      {createModal ? <Modal.Body className={bodyClassname}>{body}</Modal.Body> : body}
      {footer || null}
    </Modal>
  );
};

export default CustomModal;