import React from 'react'
import { storiesOf } from '@storybook/react'
import { wording } from 'src/words'
import { PdpBundle, PdpBundleThemed } from 'presets/BundleProduct'
import { mandatoryProducts, addonProducts } from './fixtures'

storiesOf('presets/BundleProduct/PdpBundle', module)
  .add('default', () => {
    return (
      <React.Fragment>
        <PdpBundle
          list={mandatoryProducts}
          title={wording.mandatoryProductTitle}
          isMandatoryProducts={true}
        />
        <PdpBundle list={addonProducts} title={wording.addonProductTitle} isAddonProducts={true} />
      </React.Fragment>
    )
  })
  .add('PdpBundle-Overriding renderprops', () => {
    return <PdpBundleThemed list={addonProducts} title={wording.addonProductTitle} />
  })