import React from 'react';
import {storiesOf} from '@storybook/react';

import {Title} from '../../Components/Title/src';
import {TYPES} from '../../Components/Title/src/types';

export default storiesOf('Titles and text | Title', module)
  .add('default', () => (
    <p>
      <span>
        <Title type={TYPES.H1}>H1 - Choose life - 28px</Title>
      </span>
      <br />
      <span>
        <Title type={TYPES.H2}>H2 - Choose a job - 20px</Title>
      </span>
      <br />
      <span>
        <Title type={TYPES.H3}>H3 - Choose a career - 16px</Title>
      </span>
      <br />
      <span>
        <Title type={TYPES.H4}>H4 - Choose a family - 14px</Title>
      </span>
      <br />
      <span>
        Text - Choose a family - 14px
      </span>
      <br />
    </p>
  ));