import React from "react";
import { Dialog } from "../../";

export default (
  <div className="m-5 position-relative">
    <Dialog onClose={() => {}} isRelative>
      <Dialog.Header
        expandable={true}
        help="Info about Dialog"
        subTitle="Sub title"
        title="Title"
      />
      <Dialog.Content>Text</Dialog.Content>
      <Dialog.Footer>
        <Dialog.Button onClick={() => console.log("onClose")} text="Cancel" type="cancel" />
        <Dialog.Button onClick={() => console.log("onSubmit")} text="OK" type="submit" />
      </Dialog.Footer>
    </Dialog>
  </div>
);
