import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import { PageTitle } from './page-title.component';
import { FlowPropsTable, ExternalReferenceLink } from '../../../utils';

<Meta title="2 - System/Typography/Headings/Page Title" component={PageTitle} />

# Page Title

Patchwork exposes a Page Title component with margins at the top and bottom of 50px.

## Default

<Canvas withToolbar>
  <Story id="2-system-typography-headings-page-title--default" />
</Canvas>

## Supported Layout Props

### Spacing

<Preview withToolbar>
  <Story id="2-system-typography-headings-page-title--mixins-spacing" />
</Preview>

### Stackee

<Preview withToolbar>
  <Story id="2-system-typography-headings-page-title--mixins-stackee" />
</Preview>

## Props

<FlowPropsTable ofComponent={PageTitle} />

## External Reference

<ExternalReferenceLink src="" type="figma" />
<ExternalReferenceLink
  src="https://github.com/wealthsimple/patchwork/tree/master/core/typography/page-title"
  type="github"
/>
