import React, { ReactNode, useState } from "react";
import { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle } from "../../";

export default (
  <div className="m-5 position-relative">
    <Modal onClose={() => console.log("onClose")} isRelative>
      <ModalHeader onClose={() => console.log("onClose")}>
        <ModalTitle>Modal title</ModalTitle>
      </ModalHeader>
      <ModalBody>
        <p>Modal body text goes here.</p>
      </ModalBody>
      <ModalFooter>
        <Button onClick={() => console.log("onClose")} variant="light">
          Close
        </Button>
        <Button onClick={() => console.log("Save changes")}>Save changes</Button>
      </ModalFooter>
    </Modal>
  </div>
);
