import React from 'react'
import { storiesOf } from '@storybook/react'
import { wording } from 'src/words'
import { PdpCollection, PdpCollectionThemed } from 'presets/CollectionProduct'
import { collectionProducts } from './fixtures'

storiesOf('presets/CollectionProduct', module)
  .add('PdpCollection', () => {
    return (
      <React.Fragment>
        <PdpCollection
          list={collectionProducts}
          title={wording.bundleCollectionTitle}
          isCollectionProducts={true}
        />
      </React.Fragment>
    )
  })
  .add('PdpCollection-Overriding renderprops', () => {
    return <PdpCollectionThemed list={collectionProducts} title={wording.bundleCollectionTitle} />
  })