wix-style-react/dist/stories/Typography/index.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _TextExample = require('./TextExample');

var _HeadingExample = require('./HeadingExample');

var _storiesHierarchy = require('../storiesHierarchy');

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

var kind = (0, _storiesHierarchy.getTestStoryKind)({
  category: _storiesHierarchy.Category.FOUNDATION,
  storyName: '1.2 Typography'
});
(0, _react3.storiesOf)(kind, module).add('1. Typography with Classes - Text', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'h1',
      null,
      'Typography text with classes'
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'div',
      { style: { display: 'flex' } },
      (0, _TextExample.renderSizeAndWeightTable)(),
      _react2.default.createElement('div', { style: { width: '20px' } }),
      (0, _TextExample.renderColorTable)()
    )
  );
});

(0, _react3.storiesOf)(kind, module).add('2. Typography with Classes - Heading', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'h1',
      null,
      'Typography heading with classes'
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'div',
      { style: { display: 'flex' } },
      (0, _HeadingExample.renderHeadingTable)()
    )
  );
});