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

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _Heading = require('./Heading');

var _Heading2 = _interopRequireDefault(_Heading);

var _styles = require('@workflo/styles');

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

(0, _storybook.storiesOf)('Heading', module).add('Regular', function () {
  return _react2.default.createElement(
    'div',
    {
      style: styles.container
    },
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 1
      },
      'Heading 1'
    ),
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 2
      },
      'Heading 2'
    ),
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 3
      },
      'Heading 3'
    ),
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 4
      },
      'Heading 4'
    ),
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 5
      },
      'Heading 5'
    ),
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 6
      },
      'Heading 6'
    )
  );
}).add('With Styles', function () {
  return _react2.default.createElement(
    'div',
    {
      style: styles.container
    },
    _react2.default.createElement(
      _Heading2.default,
      {
        size: 1,
        style: _styles.Fonts.large
      },
      'Heading 1'
    )
  );
});

var styles = {
  container: {
    width: '100%'
  }
};