index.js 454 B

123456789101112131415
  1. import { Box } from "@mui/system";
  2. import ReactDOM from "react-dom";
  3. export const Modal = ({ children, open, onClose, maxWidth = 700 }) => {
  4. return open
  5. ? ReactDOM.createPortal(
  6. <Box className="Modal" onClick={() => onClose && onClose()}>
  7. <Box className="modalContent" onClick={(e) => e.stopPropagation()} style={{ maxWidth }}>
  8. {children}
  9. </Box>
  10. </Box>,
  11. document.body
  12. )
  13. : null;
  14. };