// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { PageTitle } from './index';
import { Box } from '../../../primitives/box';
import { withDocs } from '../../../../.storybook/with-docs';
import docs from './PAGE_TITLE.mkd';

storiesOf('Core/Text/PageTitle', module).add(
  'default',
  withDocs(docs, [Box])(() => (
    <Box colorName="background">
      <PageTitle>Page Title</PageTitle>
    </Box>
  )),
);
