import React from 'react'
import { ImageGalleryProps as Props } from './typings'
import { EMPTY_ARRAY } from 'exotic'

import { renderImageGallery as defaultRenderImageGallery } from './renderProps'

class ImageGallery extends React.PureComponent<Props> {
  static defaultProps = {
    list: EMPTY_ARRAY,
    renderItems: defaultRenderImageGallery,
  }

  render() {
    const { list, renderItems } = this.props

    return renderItems(list)
  }
}

export { ImageGallery }
export default ImageGallery