import React from 'react'
import { storiesOf } from '@storybook/react'
import ImageGallery from 'molecules/ImageGallery'

const renderConfig = [
  {
    image: {
      isImage: true,
      label: 'Womens Tech Fleece Reversible Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/105F_210034110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/043D_210001410_alt2.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/131F_210044410_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/042F_210001410_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/139F_210051110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/141F_210052110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/105F_210034110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/105F_210034110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/043D_210001410_alt2.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/131F_210044410_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/042F_210001410_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/139F_210051110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/141F_210052110_main.png',
    },
  },

  {
    image: {
      isImage: true,
      label: 'Womens Thermal Top',
      value: 'https://raderain.sirv.com/T-Giant/105F_210034110_main.png',
    },
  },
]

storiesOf('molecules/ImageGallery', module).add('default', () => (
  <ImageGallery list={renderConfig} />
))