@atomix-ui/paper/dist/index.story.js

Paper components present shadows and elevation

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _ = require('./');

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

(0, _react3.storiesOf)('core/Paper', module).add('Without props', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      null,
      'Default z=1'
    )
  );
}).add('With z=3', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      { z: '3' },
      'Z level 3'
    )
  );
}).add('With z=6', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      { z: '6' },
      'Z level 6'
    )
  );
}).add('With z=12', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      { z: '12' },
      'Z level 12'
    )
  );
}).add('With z=16', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      { z: '16' },
      'Z level 16'
    )
  );
}).add('With z=24', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _.Paper,
      { z: '24' },
      'Z level 24'
    )
  );
});