wix-style-react
Version:
wix-style-react
142 lines (141 loc) • 3.1 kB
JavaScript
import React from 'react';
import Heading from 'wix-style-react/Heading';
import s from './styles.scss';
export default (function () {
return React.createElement(
'div',
{ className: s.styleList },
React.createElement(
'ul',
{ className: 'ltr ' + s.root },
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H1"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
null,
'Helvetica_65 / 36px / 48px'
)
)
)
),
React.createElement(
'ul',
null,
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H2"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
{ appearance: 'H2' },
'Helvetica_65 / 28px / 42px'
)
)
)
),
React.createElement(
'ul',
null,
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H3"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
{ appearance: 'H3' },
'Helvetica_55 / 20px / 24px'
)
)
)
),
React.createElement(
'ul',
null,
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H4"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
{ appearance: 'H4' },
'Helvetica_55 / 18px / 24px'
)
)
)
),
React.createElement(
'ul',
null,
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H5"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
{ appearance: 'H5' },
'Helvetica_65 / 12px / 24px'
)
)
)
),
React.createElement(
'ul',
null,
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Heading appearance="H6"/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Heading,
{ appearance: 'H6' },
'Helvetica_65 / 10px / 18px'
)
)
)
)
);
});