import React from 'react'
import { EMPTY_ARRAY } from 'exotic'
import { ImageGalleryProps } from './typings'
import {
  defaultRenderWrapper,
  defaultRenderItem,
  defaultRenderList,
} from './renderProps'

class ImageGallery extends React.PureComponent<ImageGalleryProps> {
  static defaultProps = {
    className: '',
    list: EMPTY_ARRAY,

    renderItem: defaultRenderItem,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderList(remainingProps)
    return renderWrapper({ children, ...remainingProps })
  }
}

export { ImageGallery }
export default ImageGallery