@workflo/components/lib/Card/Card.story.js

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _storybook = require('@kadira/storybook');

var _ = require('.');

var _2 = _interopRequireDefault(_);

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

(0, _storybook.storiesOf)('Card', module).add('Small', function () {
  return _react2.default.createElement(
    'div',
    { style: styles.container },
    _react2.default.createElement(
      _2.default,
      {
        size: 'small'
      },
      'Content'
    )
  );
}).add('Medium', function () {
  return _react2.default.createElement(
    'div',
    { style: styles.container },
    _react2.default.createElement(
      _2.default,
      {
        size: 'medium',
        onClick: (0, _storybook.action)('clicked')
      },
      'Content'
    )
  );
}).add('Large', function () {
  return _react2.default.createElement(
    'div',
    { style: styles.container },
    _react2.default.createElement(
      _2.default,
      {
        size: 'large'
      },
      'Content'
    )
  );
}).add('Medium Flush', function () {
  return _react2.default.createElement(
    'div',
    { style: styles.container },
    _react2.default.createElement(
      _2.default,
      {
        size: 'medium',
        flush: true
      },
      'Content'
    )
  );
});

var styles = {
  container: {
    width: '100%',
    height: 400,
    backgroundColor: 'rgb(247, 247, 247)'
  }
};