import * as React from 'react'
import Thumb from '../src/components/MediaDetail/Thumb'

const { storiesOf } = require('@storybook/react')

const COMMON_PROPS = {
  width: 240,
  height: 240,
}

storiesOf('Media Library.MediaDetail|Thumb', module).add('Thumb', () => (
  <Thumb url="https://picsum.photos/200" alt="Thumb story" {...COMMON_PROPS} />
))

storiesOf('Media Library.MediaDetail|Thumb', module).add('Thumb Lottie', () => (
  <Thumb
    url="https://raw.githubusercontent.com/thesvbd/Lottie-examples/master/assets/animations/loading.json"
    alt="Thumb story"
    {...COMMON_PROPS}
  />
))