import React from "react";
import { storiesOf } from "@storybook/react";
import { withKnobs, select } from "@storybook/addon-knobs";
import ArrowsInline from "../ArrowsInline";
import Attention from "../Attention";
var stories = storiesOf("ArrowsInline (deprecated)", module);
stories.addDecorator(withKnobs).addDecorator(function (story) {
  return React.createElement("div", {
    id: "root-preview"
  }, React.createElement("div", {
    className: "push-double--bottom"
  }, React.createElement(Attention, {
    type: "bad-news",
    alignment: "center"
  }, React.createElement("p", null, React.createElement("strong", null, "Deprecated: "), "ArrowsInline is deprecated. If you think you need to use this component, please reach out to the OUI reps."))), story());
});
stories.add("Select the arrow", function () {
  return React.createElement(ArrowsInline, {
    direction: select("direction", {
      up: "up",
      down: "down",
      left: "left",
      right: "right"
    }, "down"),
    testSection: "arrow-test"
  });
});