@roo-ui/components/dist/cjs/Alert/Alert.story.js

"use strict";

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

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

var _storybookReadme = require("storybook-readme");

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

var _Alert = _interopRequireDefault(require("./Alert"));

var _README = _interopRequireDefault(require("./README.md"));

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

(0, _react2.storiesOf)('Components|Alert', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('<Alert />', function () {
  return _react.default.createElement(_Alert.default, {
    contained: (0, _react3.boolean)('Contained', false),
    icon: {
      name: 'hotel'
    }
  }, _react.default.createElement("strong", null, "Hello world"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.info />', function () {
  return _react.default.createElement(_Alert.default.info, {
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Info"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.success />', function () {
  return _react.default.createElement(_Alert.default.success, {
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Success"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.error />', function () {
  return _react.default.createElement(_Alert.default.error, {
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Error"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="info" />', function () {
  return _react.default.createElement(_Alert.default, {
    variant: "info",
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Info"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="success" />', function () {
  return _react.default.createElement(_Alert.default, {
    variant: "success",
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Success"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="error" />', function () {
  return _react.default.createElement(_Alert.default, {
    variant: "error",
    onClose: function onClose() {}
  }, _react.default.createElement("strong", null, "Error"), _react.default.createElement("br", null), "Lorem ipsum dolor sit amet");
});