"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.alert = void 0;

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

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

var _reactstrap = require("reactstrap");

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

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

var alert = {
  id: "1",
  title: "Alert",
  component: _Alert.default
};
exports.alert = alert;
(0, _react2.storiesOf)("Alert", module).add("Basic", function () {
  return _react.default.createElement(_reactstrap.Container, null, _react.default.createElement(_Alert.default, {
    color: "primary"
  }, "This is a primary alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "secondary"
  }, "This is a secondary alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "success"
  }, "This is a success alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "danger"
  }, "This is a danger alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "warning"
  }, "This is a warning alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "info"
  }, "This is a info alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "light"
  }, "This is a light alert \u2014 check it out!"), _react.default.createElement(_Alert.default, {
    color: "dark"
  }, "This is a dark alert \u2014 check it out!"));
}).add("Link Color", function () {
  return _react.default.createElement(_reactstrap.Container, null, _react.default.createElement(_Alert.default, {
    color: "primary"
  }, "This is a primary alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "secondary"
  }, "This is a secondary alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "success"
  }, "This is a success alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "danger"
  }, "This is a danger alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "warning"
  }, "This is a warning alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "info"
  }, "This is a info alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "light"
  }, "This is a light alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."), _react.default.createElement(_Alert.default, {
    color: "dark"
  }, "This is a dark alert with ", _react.default.createElement("a", {
    href: "#",
    className: "alert-link"
  }, "an example link"), ". Give it a click if you like."));
});