import { storiesOf } from "@storybook/react";
import React from "react";
import { PreventFileDropNavigateAway } from "../PreventFileDropNavigateAway";

storiesOf("Utilities", module).add(`<${PreventFileDropNavigateAway.name} />`, () => (
  <>
    <PreventFileDropNavigateAway />
    <p>
      File: <input type="file" />
    </p>
    <p>
      Text: <input type="text" />
    </p>
    <p>
      Textarea: <textarea />
    </p>
    <p>
      Button: <textarea />
    </p>
  </>
));
