import React from 'react'
import { EMPTY_ARRAY } from 'exotic'
import { ProductList as ProductListPlaceholder } from 'abstractions/BundleCollection'
import { ProductListProps } from './typings'
import { defaultRenderItem, defaultRenderHeader } from './renderProps'

class ProductList extends React.PureComponent<ProductListProps> {
  static defaultProps = {
    list: EMPTY_ARRAY,
    //
    renderItem: defaultRenderItem,
    renderHeader: defaultRenderHeader,
  }

  render() {
    return <ProductListPlaceholder {...this.props} />
  }
}

export { ProductList }
export default ProductList