import React from "react"; import Modal from "react-modal"; import classNames from "classnames"; const CustomModal = ({ children, containerClassName, ...props }) => ( <Modal contentLabel={props.headline} overlayClassName="modal__overlay" className="modal__content" {...props} > <div className={classNames( "modal__container w-full flex items-center justify-center", containerClassName )} > <div className="modal__container-body w-full">{children}</div> </div> </Modal> ); export default CustomModal;