1 | import React from 'react';
|
2 | import { Typeset } from './Typeset';
|
3 | export default {
|
4 | title: 'Docs/Typeset',
|
5 | component: Typeset
|
6 | };
|
7 | var fontSizes = ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px'];
|
8 | var fontWeight = 900;
|
9 | var fontFamily = 'monospace';
|
10 | export var withFontSizes = function withFontSizes() {
|
11 | return React.createElement(Typeset, {
|
12 | fontSizes: fontSizes
|
13 | });
|
14 | };
|
15 | withFontSizes.displayName = "withFontSizes";
|
16 | export var withFontWeight = function withFontWeight() {
|
17 | return React.createElement(Typeset, {
|
18 | fontSizes: fontSizes,
|
19 | fontWeight: fontWeight
|
20 | });
|
21 | };
|
22 | withFontWeight.displayName = "withFontWeight";
|
23 | export var withFontFamily = function withFontFamily() {
|
24 | return React.createElement(Typeset, {
|
25 | fontSizes: fontSizes,
|
26 | fontFamily: fontFamily
|
27 | });
|
28 | };
|
29 | withFontFamily.displayName = "withFontFamily";
|
30 | export var withWeightText = function withWeightText() {
|
31 | return React.createElement(Typeset, {
|
32 | fontSizes: fontSizes,
|
33 | fontWeight: fontWeight,
|
34 | sampleText: "Heading"
|
35 | });
|
36 | };
|
37 | withWeightText.displayName = "withWeightText"; |
\ | No newline at end of file |