wix-style-react/dist/stories/MessageBox/Alert.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _TabbedView = require('wix-storybook-utils/TabbedView');

var _TabbedView2 = _interopRequireDefault(_TabbedView);

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _README = require('../../src/MessageBox/README.md');

var _README2 = _interopRequireDefault(_README);

var _READMETESTKIT = require('../../src/MessageBox/README.TESTKIT.md');

var _READMETESTKIT2 = _interopRequireDefault(_READMETESTKIT);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _utils = require('../utils');

var _Standard = require('./AlertExamples/Standard');

var _Standard2 = _interopRequireDefault(_Standard);

var _Standard3 = require('!raw-loader!./AlertExamples/Standard');

var _Standard4 = _interopRequireDefault(_Standard3);

var _Secondary = require('./AlertExamples/Secondary');

var _Secondary2 = _interopRequireDefault(_Secondary);

var _Secondary3 = require('!raw-loader!./AlertExamples/Secondary');

var _Secondary4 = _interopRequireDefault(_Secondary3);

var _FootNote = require('./AlertExamples/FootNote');

var _FootNote2 = _interopRequireDefault(_FootNote);

var _FootNote3 = require('!raw-loader!./AlertExamples/FootNote');

var _FootNote4 = _interopRequireDefault(_FootNote3);

var _Image = require('./AlertExamples/Image');

var _Image2 = _interopRequireDefault(_Image);

var _Image3 = require('!raw-loader!./AlertExamples/Image');

var _Image4 = _interopRequireDefault(_Image3);

var _ImageWithSideAction = require('./AlertExamples/ImageWithSideAction');

var _ImageWithSideAction2 = _interopRequireDefault(_ImageWithSideAction);

var _ImageWithSideAction3 = require('!raw-loader!./AlertExamples/ImageWithSideAction');

var _ImageWithSideAction4 = _interopRequireDefault(_ImageWithSideAction3);

var _Scrollable = require('./AlertExamples/Scrollable');

var _Scrollable2 = _interopRequireDefault(_Scrollable);

var _Scrollable3 = require('!raw-loader!./AlertExamples/Scrollable');

var _Scrollable4 = _interopRequireDefault(_Scrollable3);

var _EmptyState = require('./AlertExamples/EmptyState');

var _EmptyState2 = _interopRequireDefault(_EmptyState);

var _EmptyState3 = require('!raw-loader!./AlertExamples/EmptyState');

var _EmptyState4 = _interopRequireDefault(_EmptyState3);

var _Actions = require('./AlertExamples/Actions');

var _Actions2 = _interopRequireDefault(_Actions);

var _Actions3 = require('!raw-loader!./AlertExamples/Actions');

var _Actions4 = _interopRequireDefault(_Actions3);

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

var introduction = '# Alert (`<MessageBoxFunctionalLayout/>`)\nComponents to be used within `wix-style-react/Modal`:\n';

var layoutStyles = {
  margin: '0 30px'
};

exports.default = function () {
  return _react2.default.createElement(
    _TabbedView2.default,
    { tabs: ['Usage', 'API', 'TestKits'] },
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(_Markdown2.default, { source: introduction }),
      _react2.default.createElement(
        _utils.RTLWrapper,
        null,
        _react2.default.createElement(
          'div',
          { style: layoutStyles },
          _react2.default.createElement(_CodeExample2.default, {
            title: 'Standard',
            code: _Standard4.default,
            children: _react2.default.createElement(_Standard2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'Secondary Action',
            code: _Secondary4.default,
            children: _react2.default.createElement(_Secondary2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'Footnote',
            code: _FootNote4.default,
            children: _react2.default.createElement(_FootNote2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'With EmptyState',
            code: _EmptyState4.default,
            children: _react2.default.createElement(_EmptyState2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'Scrollable',
            code: _Scrollable4.default,
            children: _react2.default.createElement(_Scrollable2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'With image',
            code: _Image4.default,
            children: _react2.default.createElement(_Image2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'With Actions',
            code: _Actions4.default,
            children: _react2.default.createElement(_Actions2.default, null)
          }),
          _react2.default.createElement(_CodeExample2.default, {
            title: 'With Image And Actions',
            code: _ImageWithSideAction4.default,
            children: _react2.default.createElement(_ImageWithSideAction2.default, null)
          })
        )
      )
    ),
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
  );
};