1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React from 'react'
import { storiesOf } from '@storybook/react'

import { Text } from '@dailykit/ui'

storiesOf('Text', module)
   .add('Headings', () => (
      <div>
         <Text as='h1'>Heading 1</Text>
         <br />
         <Text as='h2'>Heading 2</Text>
         <br />
         <Text as='h3'>Heading 3</Text>
         <br />
         <Text as='h4'>Heading 4</Text>
         <br />
         <Text as='text1'>Text1</Text>
         <br />
         <Text as='text2'>Text2</Text>
         <br />
         <Text as='text2'>Text3</Text>
      </div>
   ))
   .add('Titles', () => (
      <div>
         <Text as='title'>Entity Title</Text>
         <Text as='subtitle'>Sub Title</Text>
         <Text as='helpText'>Help Text</Text>
      </div>
   ))
   .add('Paragraph', () => (
      <Text as='p'>
         This is a placeholder paragraph meant to be seen as an example for a
         paragraph that may or may not have multiple lines
      </Text>
   ))