text: import React from 'react';
  import BackgroundModalStyle from './BackgroundModal.style';
  import { ModalStyle, ModalDivStyle } from './Modal.style';
  
  export default function makeModal(Header, Body, Footer) {
    const Modal = () => {
      return (
        <BackgroundModalStyle>
          <ModalStyle>
            <ModalDivStyle className="modal-header">
              {Header ? <Header /> : null}
            </ModalDivStyle>
            <ModalDivStyle className="modal-body">
              {Body ? <Body /> : null}
            </ModalDivStyle>
            <ModalDivStyle className="modal-footer">
              {Footer ? <Footer /> : null}
            </ModalDivStyle>
          </ModalStyle>
        </BackgroundModalStyle>
      );
    };
  
    return Modal;
  }
  