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

import ThreeDotsLoader from 'js/patterns/organisms/loaders/three-dots-loader'
import HomepageLoader from 'js/patterns/organisms/loaders/homepage-loader'
import ProductLoader from 'js/patterns/organisms/loaders/product-loader'
import FullCartLoader from 'js/patterns/organisms/loaders/full-cart-loader'
import EmptyCartLoader from 'js/patterns/organisms/loaders/empty-cart-loader'

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

# Loaders

 Default Three Dots

<Preview withToolbar>
    <Story name='Three Dots Loader'>
        <ThreeDotsLoader />
    </Story>
</Preview>

 Homepage

<Preview withToolbar>
    <Story name='Homepage Loader'>
        <HomepageLoader />
    </Story>
</Preview>

 Product

<Preview withToolbar>
    <Story name='Product Loader'>
        <ProductLoader />
    </Story>
</Preview>

 Empty Cart 

<Preview withToolbar>
    <Story name='Empty Cart Loader'>
        <EmptyCartLoader />
    </Story>
</Preview>

 Full Cart

<Preview withToolbar>
    <Story name='Full Cart Loader'>
        <FullCartLoader />
    </Story>
</Preview>