optimizely-oui/dist/js/components/ArrowsInline/ArrowInline.story.js

Optimizely's Component Library.

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _addonKnobs = require("@storybook/addon-knobs");

var _ArrowsInline = _interopRequireDefault(require("../ArrowsInline"));

var _Attention = _interopRequireDefault(require("../Attention"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var stories = (0, _react2.storiesOf)("ArrowsInline (deprecated)", module);
stories.addDecorator(_addonKnobs.withKnobs).addDecorator(function (story) {
  return _react["default"].createElement("div", {
    id: "root-preview"
  }, _react["default"].createElement("div", {
    className: "push-double--bottom"
  }, _react["default"].createElement(_Attention["default"], {
    type: "bad-news",
    alignment: "center"
  }, _react["default"].createElement("p", null, _react["default"].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["default"].createElement(_ArrowsInline["default"], {
    direction: (0, _addonKnobs.select)("direction", {
      up: "up",
      down: "down",
      left: "left",
      right: "right"
    }, "down"),
    testSection: "arrow-test"
  });
});