import React from 'react'
import { ListProps } from './typings'
import { list as defaultList } from './fixture'
import {
  renderItem as defaultRenderItem,
  renderList as defaultRenderList,
  renderWrapper as defaultRenderWrapper,
} from './renderProps'

class List extends React.PureComponent<ListProps> {
  static defaultProps = {
    className: '',
    list: defaultList,
    renderList: defaultRenderList,
    renderItem: defaultRenderItem,
    renderWrapper: defaultRenderWrapper,
    isHorizontalView: false,
  }

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

export { List }
export default List