wix-style-react
Version:
wix-style-react
48 lines (45 loc) • 1.23 kB
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import { renderSizeAndWeightTable, renderColorTable } from './TextExample';
import { renderHeadingTable } from './HeadingExample';
import { getTestStoryKind, Category } from '../storiesHierarchy';
var kind = getTestStoryKind({
category: Category.FOUNDATION,
storyName: '1.2 Typography'
});
storiesOf(kind, module).add('1. Typography with Classes - Text', function () {
return React.createElement(
'div',
null,
React.createElement(
'h1',
null,
'Typography text with classes'
),
React.createElement('br', null),
React.createElement(
'div',
{ style: { display: 'flex' } },
renderSizeAndWeightTable(),
React.createElement('div', { style: { width: '20px' } }),
renderColorTable()
)
);
});
storiesOf(kind, module).add('2. Typography with Classes - Heading', function () {
return React.createElement(
'div',
null,
React.createElement(
'h1',
null,
'Typography heading with classes'
),
React.createElement('br', null),
React.createElement(
'div',
{ style: { display: 'flex' } },
renderHeadingTable()
)
);
});