import React from 'react';
import { addStoryInGroup, MID_LEVEL_BLOCKS } from '../../../.storybook/utils';
import { TextBody } from '../typography';
import Message from './Message';
import Link from '../link';
export default {
  component: Message,
  title: addStoryInGroup(MID_LEVEL_BLOCKS, 'Message'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=1225%3A0'
    }
  }
};
export var FullOption = function FullOption(args) {
  return /*#__PURE__*/React.createElement(Message, args, /*#__PURE__*/React.createElement(TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/React.createElement(Link, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};
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'
};
export var Basic = function Basic() {
  return /*#__PURE__*/React.createElement(Message, {
    title: "I am the title of this message"
  }, /*#__PURE__*/React.createElement(TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/React.createElement(Link, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};
export var Dismissable = function Dismissable() {
  return /*#__PURE__*/React.createElement(Message, {
    onClose: function onClose() {
      return console.log('onClose click handler');
    },
    title: "I am the title of this message"
  }, /*#__PURE__*/React.createElement(TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/React.createElement(Link, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};
export var WithActions = function WithActions() {
  return /*#__PURE__*/React.createElement(Message, {
    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.createElement(TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/React.createElement(Link, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};
export var WithStatus = function WithStatus() {
  return /*#__PURE__*/React.createElement(Message, {
    status: "warning",
    title: "I am the title of this message"
  }, /*#__PURE__*/React.createElement(TextBody, {
    color: "teal"
  }, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ", /*#__PURE__*/React.createElement(Link, {
    inherit: false
  }, "nonumy eirmod"), ' ', "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."));
};