wix-style-react/dist/stories/AddItem/Examples/BreakpointsExample.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Grid = require('wix-style-react/Grid');

var _AddItem = require('wix-style-react/AddItem');

var _AddItem2 = _interopRequireDefault(_AddItem);

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

exports.default = function () {
  return _react2.default.createElement(
    _Grid.Container,
    null,
    _react2.default.createElement(
      'div',
      { style: { padding: '30px', background: '#F0F4F7' } },
      _react2.default.createElement(
        _Grid.Row,
        { stretchViewsVertically: true },
        _react2.default.createElement(
          _Grid.Col,
          { span: 3 },
          _react2.default.createElement(
            'div',
            { style: { height: '240px' } },
            _react2.default.createElement(
              _AddItem2.default,
              { size: 'large' },
              'Add New Item with a ridiculous length that doens\u2019t fit in one line'
            )
          )
        ),
        _react2.default.createElement(
          _Grid.Col,
          { span: 3 },
          _react2.default.createElement(
            'div',
            { style: { height: '200px' } },
            _react2.default.createElement(
              _AddItem2.default,
              { size: 'medium' },
              'Add New Item with a ridiculous length that doens\u2019t fit in one line'
            )
          )
        ),
        _react2.default.createElement(
          _Grid.Col,
          { span: 3 },
          _react2.default.createElement(
            'div',
            { style: { height: '130px' } },
            _react2.default.createElement(
              _AddItem2.default,
              { size: 'small' },
              'Add New Item with a ridiculous length that doens\u2019t fit in one line'
            )
          )
        ),
        _react2.default.createElement(
          _Grid.Col,
          { span: 3 },
          _react2.default.createElement(
            'div',
            { style: { height: '55px' } },
            _react2.default.createElement(
              _AddItem2.default,
              { size: 'tiny' },
              'Add New Item with a ridiculous length that doens\u2019t fit in one line'
            )
          )
        )
      )
    )
  );
};