import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';

import Title from 'js/patterns/atoms/title/title'

<Meta title='2.Atoms|Titles' />

# Titles

## Default Title
<Preview withToolbar>
    <Story name='Default'>
        <p className='c-title'>Title</p>
    </Story>
</Preview>

## Title Level 1
<Preview withToolbar>
    <Story name='Title Level 1'>
        <p className='c-title-level-1'>Title</p>
    </Story>
</Preview>

## Title Level 2
<Preview withToolbar>
    <Story name='Title Level 2'>
        <p className='c-title-level-2'>Title</p>
    </Story>
</Preview>

## Title Level 3
<Preview withToolbar>
    <Story name='Title Level 3'>
        <p className='c-title-level-3'>Title</p>
    </Story>
</Preview>

## Title Level 4
<Preview withToolbar>
    <Story name='Title Level 4'>
        <p className='c-title-level-4'>Title</p>
    </Story>
</Preview>

## Category Title
<Preview withToolbar>
    <Story name='Category Title'>
        <p className='c-category-title'>Title</p>
    </Story>
</Preview>

## Topic
<Preview withToolbar>
    <Story name='Topic'>
        <p className='c-topic'>Title</p>
    </Story>
</Preview>