import React from 'react'
import { ProductListProps } from './typings'
import {
  defaultRenderHeader,
  defaultRenderList,
  defaultRenderItem,
  defaultRenderWrapper,
  defaultRenderBox,
} from './renderProps'

class ProductList extends React.PureComponent<ProductListProps> {
  static defaultProps = {
    className: '',
    //
    renderHeader: defaultRenderHeader,
    renderList: defaultRenderList,
    renderItem: defaultRenderItem,
    renderWrapper: defaultRenderWrapper,
    renderBox: defaultRenderBox,
  }
  render() {
    const { renderWrapper, renderBox, ...remainingProps } = this.props
    const children = renderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { ProductList }
export default ProductList