optimizely-oui/dist/js/components/ButterBar/ButterBar.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 _addonActions = require("@storybook/addon-actions");

var _ButterBar = _interopRequireDefault(require("../ButterBar"));

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

var typeOptions = {
  "bad-news": "bad-news",
  brand: "brand",
  "good-news": "good-news",
  warning: "warning"
};
var stories = (0, _react2.storiesOf)("Experimental|ButterBar", module);
stories.addDecorator(_addonKnobs.withKnobs).addDecorator(function (story) {
  return _react["default"].createElement("div", {
    id: "root-preview"
  }, story());
});
stories.add("ButterBar states", function () {
  return _react["default"].createElement(_ButterBar["default"], {
    alignment: (0, _addonKnobs.select)("alignment", {
      center: "center",
      left: "left"
    }, "center"),
    isDismissible: (0, _addonKnobs["boolean"])("isDismissible", false),
    testSection: "butterbar-foo",
    type: (0, _addonKnobs.select)("type", typeOptions, "warning"),
    onDismiss: (0, _addonActions.action)("butterbar dismissed")
  }, (0, _addonKnobs.text)("content", "Hello! This is a butter bar."));
});