import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks'
import { select, text } from '@storybook/addon-knobs'

import { BASIC } from '../_utils/taxonomy'
import { Title } from './index'

<Meta title={`${BASIC}/Page Title`} />

# **Page Title**

export const optionHeading = {
  1: '1',
  2: '2',
  3: '3',
  4: '4',
  5: '5',
  6: '6',
}

<Canvas>
  <Story name="Default">
    <Title headingLevel={select('Heading', optionHeading, '1')}>
      {text('Title', 'Voice title')}
    </Title>
  </Story>
</Canvas>

## Specifications

## Usage

```jsx
import { Title } from '@blablacar/ui-library/build/Title'

<Title headingLevel={1}>
  Voice title
</Title>
```

<ArgsTable of={Title} />