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

import FilterBar from 'js/patterns/organisms/bars/filter-bar'
import ButtonBar from 'js/patterns/organisms/bars/button-bar'

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

# Bars
A list of interaction items in a line

## Filterbar
Interaction to filter the current view

<Preview withToolbar>
    <Story name='Filterbar'>
        <FilterBar />
    </Story>
</Preview>

## Buttonbar
Shows a lot of button interaction items in a row
<Preview withToolbar>
    <Story name='Buttonbar'>
        <ButtonBar />
    </Story>
</Preview>