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

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';
import { boolean } from '@storybook/addon-knobs/react';
import Alert from './Alert';
import README from './README.md';
storiesOf('Components|Alert', module).addDecorator(withDocs(README)).add('<Alert />', function () {
  return React.createElement(Alert, {
    contained: boolean('Contained', false),
    icon: {
      name: 'hotel'
    }
  }, React.createElement("strong", null, "Hello world"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.info />', function () {
  return React.createElement(Alert.info, {
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Info"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.success />', function () {
  return React.createElement(Alert.success, {
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Success"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert.error />', function () {
  return React.createElement(Alert.error, {
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Error"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="info" />', function () {
  return React.createElement(Alert, {
    variant: "info",
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Info"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="success" />', function () {
  return React.createElement(Alert, {
    variant: "success",
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Success"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
}).add('<Alert variant="error" />', function () {
  return React.createElement(Alert, {
    variant: "error",
    onClose: function onClose() {}
  }, React.createElement("strong", null, "Error"), React.createElement("br", null), "Lorem ipsum dolor sit amet");
});