text: import React from 'react'
  import Modal from 'react-bootstrap/Modal'
  import ModalHeader from 'react-bootstrap/ModalHeader'
  import Button from 'react-bootstrap/Button'
  import CovidBanner from './covid-banner'
  
  import ModalTitle from 'react-bootstrap/ModalTitle'
  const CovidModal = (props) => {
      return (
          <Modal
          {...props}
          size="lg"
          aria-labelledby="contained-modal-title-vcenter"
          centered
          className="bg-transparent"
        >
          <Modal.Header closeButton>
            {/* <Modal.Title id="contained-modal-title-vcenter">
              Modal heading
            </Modal.Title> */}
          </Modal.Header>
          <Modal.Body className="bg-transparent">
          <CovidBanner/>
          </Modal.Body>
          {/* <Modal.Footer>
            <Button onClick={props.onHide}>Close</Button>
          </Modal.Footer> */}
        </Modal>
      )
  }
  
  export default CovidModal
  