Modal-2.js

const Modal = ({ header, body, onClose, onConfirm, confirmButtonText }) => {
  const renderBody = () => {
    if (typeof body === "string") {
      return <p>body</p>;
    }

    return body;
  };

  return (
    <div className="Modal">
      <div className="Modal-Header">
        <h2>{header}</h2>
      </div>
      <div className="Modal-Body">{renderBody()}</div>
      <div className="Modal-Actions">
        <button onClick={onClose}>Close</button>
        {onConfirm && (
          <button onClick={onConfirm}>
            {confirmButtonText ? confirmButtonText : "Confirm"}
          </button>
        )}
      </div>
    </div>
  );
};

export default Modal;