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

import Stage from 'js/patterns/organisms/stages/stage'
import ProductStage from 'js/patterns/organisms/stages/stage-product'

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

# Stages

## Default Stage
<Preview withToolbar>
    <Story name='Default'>
        <Stage />
    </Story>
</Preview>

## Product Stage
<Preview withToolbar>
    <Story name='Product'>
        <ProductStage
            images={[
                        'https://c.static-nike.com/a/images/t_PDP_1280_v1/f_auto/s0w9wilv4i5nmc4bwxuk/roshe-g-golf-shoe-nhGVPV.jpg',
                        'https://stockx-360.imgix.net/Nike-Air-Max-97-MSCHF-x-INRI-Jesus-Shoes/Images/Nike-Air-Max-97-MSCHF-x-INRI-Jesus-Shoes/Lv2/img01.jpg',
                        'https://www.odwyersgolf.com/wp-content/uploads/callaway-x-nitro-2018-golf-shoes-2.jpg'
                    ]}
            name={'Callaway Xfer Nitro Golf shoes White UK10'}
            discountedPrice={79}
            price={99}
        />
    </Story>
</Preview>