wix-style-react/dist/stories/Grid/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 _ExampleBasicGrid = require('./ExampleBasicGrid');

var _ExampleBasicGrid2 = _interopRequireDefault(_ExampleBasicGrid);

var _ExampleBasicGrid3 = require('!raw-loader!./ExampleBasicGrid');

var _ExampleBasicGrid4 = _interopRequireDefault(_ExampleBasicGrid3);

var _ExampleGridStandard = require('./ExampleGridStandard');

var _ExampleGridStandard2 = _interopRequireDefault(_ExampleGridStandard);

var _ExampleGridStandard3 = require('!raw-loader!./ExampleGridStandard');

var _ExampleGridStandard4 = _interopRequireDefault(_ExampleGridStandard3);

var _ExampleRowWithEqualHeight = require('./ExampleRowWithEqualHeight');

var _ExampleRowWithEqualHeight2 = _interopRequireDefault(_ExampleRowWithEqualHeight);

var _ExampleRowWithEqualHeight3 = require('!raw-loader!./ExampleRowWithEqualHeight');

var _ExampleRowWithEqualHeight4 = _interopRequireDefault(_ExampleRowWithEqualHeight3);

var _ExampleAutoAdjustedRow = require('./ExampleAutoAdjustedRow');

var _ExampleAutoAdjustedRow2 = _interopRequireDefault(_ExampleAutoAdjustedRow);

var _ExampleAutoAdjustedRow3 = require('!raw-loader!./ExampleAutoAdjustedRow');

var _ExampleAutoAdjustedRow4 = _interopRequireDefault(_ExampleAutoAdjustedRow3);

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

var _README2 = _interopRequireDefault(_README);

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

(0, _react3.storiesOf)('2. Layout', module).add('Grid', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Basic Example', code: _ExampleBasicGrid4.default },
      _react2.default.createElement(_ExampleBasicGrid2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Example with Card', code: _ExampleGridStandard4.default },
      _react2.default.createElement(_ExampleGridStandard2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      {
        title: 'Grid with equal height columns',
        code: _ExampleRowWithEqualHeight4.default
      },
      _react2.default.createElement(_ExampleRowWithEqualHeight2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      {
        title: 'Grid with auto adjusted columns',
        code: _ExampleAutoAdjustedRow4.default
      },
      _react2.default.createElement(_ExampleAutoAdjustedRow2.default, null)
    )
  );
});