import * as React from 'react';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import Modal from '@mui/material/Modal';
import BookingDetailsSubmissionPaper from "./BookingDetailsSubmissionPaper"
import { Container } from '@mui/material';


export default function BookingDetailsSubmissionModal({bookingDetails}) {
  const [open, setOpen] = React.useState(true);
  // 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"
      >
        <BookingDetailsSubmissionPaper bookingDetails={bookingDetails}/> 
      </Modal>
    </div>
  );
}