wix-style-react/dist/stories/SectionHelper/SectionHelper.story.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _SectionHelper = require('wix-style-react/SectionHelper');

var _SectionHelper2 = _interopRequireDefault(_SectionHelper);

var _storybookConfig = require('./storybookConfig');

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

var titleExamples = [{ label: 'short text', value: 'Look at this important message!' }, {
  label: 'long text',
  value: 'Look at this really long and important message that could in some cases contain many lengthy words like psychophysicotherapeutics!'
}];

var childrenExamples = [{
  label: 'short text',
  value: 'This is a very important message'
}, {
  label: 'long text',
  value: 'This is the content of very important message which actully has a lot of detailed explanation about various things. It may even have multiple sentences but they do not need to be those boring "Lorem Ipsum"'
}];

exports.default = {
  category: _storybookConfig.storybookConfig.category,
  storyName: _storybookConfig.storybookConfig.storyName,

  component: _SectionHelper2.default,
  componentPath: '../../src/SectionHelper',

  componentProps: {
    dataHook: 'storybook-sectionhelper',
    actionText: 'I understand the consequences',
    appearance: 'standard',
    title: titleExamples[0].value,
    children: childrenExamples[0].value,
    showCloseButton: true
  },

  exampleProps: {
    title: titleExamples,
    children: childrenExamples,

    onAction: function onAction() {
      return 'onAction';
    },
    onClose: function onClose() {
      return 'onClose';
    }
  }
};