import * as React from 'react'; import Button from '@mui/material/Button'; import Modal from '@mui/material/Modal'; import CateringOrderCart from './CateringOrderCard'; export default function CateringOrderCartModal() { const [open, setOpen] = React.useState(true); console.log("open state", open) const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); return ( <div> <Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" > <CateringOrderCart/> </Modal> </div> ); }