import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';
import { {{upperCamelCase componentName}} } from './{{dashCase componentName}}.component';
import { FlowPropsTable, ExternalReferenceLink } from '{{relativeToSrc path }}utils';

<Meta title="{{upperCamelCase componentName}}" component={ {{upperCamelCase componentName}} } />

# {{titleCase componentName}}

Description of your component.

## Default

<Preview withToolbar>
  <Story id="{{toStoryIdPrefix componentName}}--default" />
</Preview>

## Props

<FlowPropsTable ofComponent={ {{upperCamelCase componentName}} } />

## External Reference

<ExternalReferenceLink
  src=""
  type="figma"
/>
<ExternalReferenceLink
  src="https://github.com/wealthsimple/patchwork/tree/master/{{ path }}/{{dashCase componentName}}"
  type="github"
/>
