function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
import React from 'react';
import { action } from '@storybook/addon-actions';
import { Box } from '../../atoms/box/index.js';
import { MessageBox } from './message-box.js';
export const Default = ({
  withInsideText,
  ...props
}) => /*#__PURE__*/React.createElement(Box, {
  py: "lg"
}, /*#__PURE__*/React.createElement(MessageBox, _extends({
  onCloseClick: () => action('onCloseClick')
}, props), withInsideText && 'With inside text'));
export default {
  title: 'DesignSystem/Molecules/MessageBox',
  argTypes: {
    withInsideText: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    color: {
      defaultValue: 'info',
      options: ['danger', 'info', 'success', 'warning'],
      control: {
        type: 'select'
      }
    },
    size: {
      defaultValue: 'sm',
      options: ['sm', 'md', 'lg'],
      control: {
        type: 'select'
      }
    },
    message: {
      defaultValue: 'Some message',
      control: {
        type: 'text'
      }
    }
  }
};