"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithoutIcon = exports.DisplayingTitle = exports.DifferentVariant = exports.DefaultUsage = exports.ComplexChildren = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactRouterDom = require("react-router-dom");
var _ = require("../..");
var _Display = require("../../common/Display");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var meta = {
  component: _.FeedbackBanner,
  title: 'Molecules / FeedbackBanner'
};
var _default = exports.default = meta;
var DefaultUsage = exports.DefaultUsage = {
  args: {
    title: 'Feedback banner',
    children: 'Feedback banner should be used within modules to display information that needs attention. Content is flexible, it can contain links and plain text.'
  }
};
var DisplayingTitle = exports.DisplayingTitle = function DisplayingTitle() {
  return _react.default.createElement(_Display.Display, {
    items: [{
      title: 'With title',
      component: _react.default.createElement(_.FeedbackBanner, {
        title: "This is a title"
      }, "This message has a title")
    }, {
      title: 'Without title',
      component: _react.default.createElement(_.FeedbackBanner, null, "This message does not have a title")
    }]
  });
};
var WithoutIcon = exports.WithoutIcon = function WithoutIcon() {
  return _react.default.createElement(_.FeedbackBanner, {
    title: "Disable icon",
    variant: "info",
    withIcon: false
  }, "This banner has no icon");
};
var DifferentVariant = exports.DifferentVariant = function DifferentVariant() {
  return _react.default.createElement(_Display.Display, {
    items: [{
      title: 'info',
      component: _react.default.createElement(_.FeedbackBanner, {
        title: "Info",
        variant: "info"
      }, "This is an information message")
    }, {
      title: 'error',
      component: _react.default.createElement(_.FeedbackBanner, {
        title: "Error",
        variant: "error"
      }, "This is an error message")
    }, {
      title: 'warning',
      component: _react.default.createElement(_.FeedbackBanner, {
        title: "Warning",
        variant: "warning"
      }, "This is a warning message")
    }, {
      title: 'success',
      component: _react.default.createElement(_.FeedbackBanner, {
        title: "Success",
        variant: "success"
      }, "This is a success message")
    }]
  });
};
var ComplexChildren = exports.ComplexChildren = function ComplexChildren() {
  return _react.default.createElement(_reactRouterDom.HashRouter, null, _react.default.createElement(_.FeedbackBanner, {
    title: "Warning, complex child",
    variant: "warning"
  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("p", null, "The message can also be structured as a more complex item than just a string"), _react.default.createElement("p", null, "For example, you can provide a Spinner ", _react.default.createElement(_.Spinner, {
    id: "defaultSpinner"
  }), " if you want to"))));
};