wix-style-react/dist/stories/MessageBox/CustomModal.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 _FullScreenModal = require('./CustomModalExamples/FullScreenModal');

var _FullScreenModal2 = _interopRequireDefault(_FullScreenModal);

var _FullScreenModal3 = require('!raw-loader!./CustomModalExamples/FullScreenModal');

var _FullScreenModal4 = _interopRequireDefault(_FullScreenModal3);

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

var introduction = '# Custom modal (`<MessageBoxFunctionalLayout/>`)';

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(
        'div',
        { style: layoutStyles },
        _react2.default.createElement(_CodeExample2.default, {
          title: 'fullscreen',
          code: _FullScreenModal4.default,
          children: _react2.default.createElement(_FullScreenModal2.default, null)
        })
      )
    ),
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
  );
};