"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WarningAlert = exports.SuccessAlert = exports.NoIcon = exports.LightWeight = exports.ErrorAlert = exports.Default = void 0;

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

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

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var _default = {
  title: 'Components/Alert',
  component: _Alert.default,
  argTypes: {},
  args: {
    hideIcon: false
  }
};
exports.default = _default;

var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Alert.default, args, /*#__PURE__*/_react.default.createElement("p", {
    className: "ds-c-alert__text"
  }, "Lorem ipsum dolor sit ", /*#__PURE__*/_react.default.createElement("a", {
    href: "https://design.cms.gov/"
  }, "link text"), ", consectetur adipiscing elit, sed do eiusmod. Alerts can have chidren, or they can be left off and used with just a heading prop.")), /*#__PURE__*/_react.default.createElement(_Alert.default, _extends({}, args, {
    className: "ds-u-margin-top--3"
  })), /*#__PURE__*/_react.default.createElement(_Alert.default, _extends({}, args, {
    className: "ds-u-margin-top--3",
    heading: ""
  }), /*#__PURE__*/_react.default.createElement("p", {
    className: "ds-c-alert__text"
  }, "An alert without a heading. Lorem ipsum dolor sit.")));
};

var Default = Template.bind({});
exports.Default = Default;
Default.args = {
  heading: 'This is a simple heading'
};
var ErrorAlert = Template.bind({});
exports.ErrorAlert = ErrorAlert;
ErrorAlert.args = {
  heading: 'There was an Error',
  variation: 'error'
};
var WarningAlert = Template.bind({});
exports.WarningAlert = WarningAlert;
WarningAlert.args = {
  heading: 'Warning variation theme',
  variation: 'warn'
};
var SuccessAlert = Template.bind({});
exports.SuccessAlert = SuccessAlert;
SuccessAlert.args = {
  heading: 'Success variation theme',
  variation: 'success'
};
var NoIcon = Template.bind({});
exports.NoIcon = NoIcon;
NoIcon.args = {
  heading: 'No icon represented',
  hideIcon: true
};
var LightWeight = Template.bind({});
exports.LightWeight = LightWeight;
LightWeight.args = {
  heading: 'A lightweight heading',
  weight: 'lightweight'
};