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

import Guide from 'js/patterns/organisms/guides/guide'
import GuideBrand from 'js/patterns/organisms/guides/guide-brand'
import GuideMaterial from 'js/patterns/organisms/guides/guide-material'
import GuidePatterns from 'js/patterns/organisms/guides/guide-patterns'
import GuideSorting from 'js/patterns/organisms/guides/guide-sorting'

<Meta title='4.Organisms|Guide' />

# Guide
## Displays options to filter or change the current view

<Preview withToolbar>
    <Story name='Default'>
        <Guide />
    </Story>
</Preview>

# Brand Guide

<Preview withToolbar>
    <Story name='Brand'>
        <GuideBrand />
    </Story>
</Preview>

# Material Guide

<Preview withToolbar>
    <Story name='Material'>
        <GuideMaterial />
    </Story>
</Preview>

# Patterns Guide

<Preview withToolbar>
    <Story name='Patterns'>
        <GuidePatterns />
    </Story>
</Preview>

# Sorting Guide

<Preview withToolbar>
    <Story name='Sorting'>
        <GuideSorting />
    </Story>
</Preview>