import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks'
import {
  boolean,
  number,
  text,
  select,
} from '@storybook/addon-knobs'
import <%= name %> from './<%= name %>'


<Meta
  title="🧬 Components/<%= name %>"
  component={<%= name %>}
  parameters={{
      design: {
        type: 'figma',
        url: ''
      }
    }}
/>

# <%= name %>

<%= name %> description

<Canvas>
  <Story name="default">
    <<%= name %> />
  </Story>
</Canvas>

#### Reference

- **Designer**:
- **Engineering**:
- **Usage**:

<br />
<br />

### Props

<ArgsTable of={<%= name %>} />

## Stories

#### With content

<Canvas>
  <Story name="with content">
    <<%= name %> />
  </Story>
</Canvas>