wix-style-react/dist/stories/Card/index.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

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

var _Markdown2 = _interopRequireDefault(_Markdown);

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

var _CodeExample2 = _interopRequireDefault(_CodeExample);

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

var _README2 = _interopRequireDefault(_README);

var _ExampleBasic = require('./ExampleBasic');

var _ExampleBasic2 = _interopRequireDefault(_ExampleBasic);

var _ExampleBasic3 = require('!raw-loader!./ExampleBasic');

var _ExampleBasic4 = _interopRequireDefault(_ExampleBasic3);

var _ExampleActionHeaders = require('./ExampleActionHeaders');

var _ExampleActionHeaders2 = _interopRequireDefault(_ExampleActionHeaders);

var _ExampleActionHeaders3 = require('!raw-loader!./ExampleActionHeaders');

var _ExampleActionHeaders4 = _interopRequireDefault(_ExampleActionHeaders3);

var _ExampleCollapse = require('./ExampleCollapse');

var _ExampleCollapse2 = _interopRequireDefault(_ExampleCollapse);

var _ExampleCollapse3 = require('!raw-loader!./ExampleCollapse');

var _ExampleCollapse4 = _interopRequireDefault(_ExampleCollapse3);

var _ExampleEmptyState = require('./ExampleEmptyState');

var _ExampleEmptyState2 = _interopRequireDefault(_ExampleEmptyState);

var _ExampleEmptyState3 = require('!raw-loader!./ExampleEmptyState');

var _ExampleEmptyState4 = _interopRequireDefault(_ExampleEmptyState3);

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

(0, _react3.storiesOf)('2. Layout', module).add('Card', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Basic Example', code: _ExampleBasic4.default },
      _react2.default.createElement(_ExampleBasic2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      {
        title: 'Cards with action headers',
        code: _ExampleActionHeaders4.default
      },
      _react2.default.createElement(_ExampleActionHeaders2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      {
        title: 'Cards with <Collapse/> component',
        code: _ExampleCollapse4.default
      },
      _react2.default.createElement(_ExampleCollapse2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Card with an EmptyState', code: _ExampleEmptyState4.default },
      _react2.default.createElement(_ExampleEmptyState2.default, null)
    )
  );
});