import React, { useState } from "react";
import Button from "react-bootstrap/Button";
import Modal from "react-bootstrap/Modal";

function Example() {
 const [show, setShow] = useState(false);

 const handleClose = () => setShow(false);
 const handleShow = () => setShow(true);

 return (
 <>
 <Button variant="primary" onClick={handleShow}>
 Launch demo modal
 </Button>

 <Modal show={show} onHide={handleClose}>
 <Modal.Header closeButton>
 <Modal.Title>Modal heading</Modal.Title>
 </Modal.Header>
 <Modal.Body>
 ...
 </Modal.Body>
 <Modal.Footer>
 <Button variant="secondary" onClick={handleClose}>
 Close
 </Button>
 <Button variant="primary" onClick={handleClose}>
 Save Changes
 </Button>
 </Modal.Footer>
 </Modal>
 </>
 );
}

render(<Example />);