"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithStatus = exports.WithActions = exports.FullOption = exports.Dismissable = exports.Basic = void 0;

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

var _utils = require("../../../.storybook/utils");

var _typography = require("../typography");

var _Message = _interopRequireDefault(require("./Message"));

var _link = _interopRequireDefault(require("../link"));

var _default = {
  component: _Message.default,
  title: (0, _utils.addStoryInGroup)(_utils.MID_LEVEL_BLOCKS, 'Message'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=1225%3A0'
    }
  }
};
exports.default = _default;

var FullOption = function FullOption(args) {
  return /*#__PURE__*/_react.default.createElement(_Message.default, args, /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/_react.default.createElement(_link.default, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};

exports.FullOption = FullOption;
FullOption.args = {
  onClose: function onClose() {
    return console.log('onClose click handler');
  },
  primaryAction: {
    label: 'Primary action',
    onClick: function onClick() {
      return console.log('primaryAction.onClick');
    }
  },
  secondaryAction: {
    label: 'Secondary action',
    onClick: function onClick() {
      return console.log('secondaryAction.onClick');
    }
  },
  showIcon: true,
  status: 'success',
  title: 'I am the title of this message'
};

var Basic = function Basic() {
  return /*#__PURE__*/_react.default.createElement(_Message.default, {
    title: "I am the title of this message"
  }, /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/_react.default.createElement(_link.default, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};

exports.Basic = Basic;

var Dismissable = function Dismissable() {
  return /*#__PURE__*/_react.default.createElement(_Message.default, {
    onClose: function onClose() {
      return console.log('onClose click handler');
    },
    title: "I am the title of this message"
  }, /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/_react.default.createElement(_link.default, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};

exports.Dismissable = Dismissable;

var WithActions = function WithActions() {
  return /*#__PURE__*/_react.default.createElement(_Message.default, {
    primaryAction: {
      label: 'Primary action',
      onClick: function onClick() {
        return console.log('primaryAction.onClick');
      }
    },
    secondaryAction: {
      label: 'Secondary action',
      onClick: function onClick() {
        return console.log('secondaryAction.onClick');
      }
    },
    title: "I am the title of this message"
  }, /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/_react.default.createElement(_link.default, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};

exports.WithActions = WithActions;

var WithStatus = function WithStatus() {
  return /*#__PURE__*/_react.default.createElement(_Message.default, {
    status: "warning",
    title: "I am the title of this message"
  }, /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/_react.default.createElement(_link.default, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};

exports.WithStatus = WithStatus;