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

import MoleculesProductItem from 'js/patterns/molecules/product/productItem'

export const product = {
    name: 'Dress Red Valentino multi',
    variant: {
        _type: '',
        id: 1,
        sku: "M0E20000000DOXF",
        groupId: "73328",
        price: 21221,
        discountedPrice: null,
        discounts: [],
        currency: "EUR",
        attributes: {
            designer: {
                label: 'Red Valentino'
            }
        },
        images: ['https://s3-eu-west-1.amazonaws.com/commercetools-maximilian/products/073328_1_medium.jpg'],
        isOnStock: true
    }
}

<Meta title='3.Molecules|Product' />

# Ratings
Displays a Product

## Default
<Preview withToolbar>
    <Story name='Default'>
        <MoleculesProductItem product={product} />
    </Story>
</Preview>
