import React from 'react'
import { ProductItemProps } from './typings'
import {
  defaultRenderProduct,
  defaultRenderOptions,
  defaultRenderDescription,
  defaultRenderRating,
  defaultRenderQuantity,
  defaultRenderButton,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class ProductItem extends React.PureComponent<ProductItemProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderProduct: defaultRenderProduct,
    renderOptions: defaultRenderOptions,
    renderDescription: defaultRenderDescription,
    renderRating: defaultRenderRating,
    renderQuantity: defaultRenderQuantity,
    renderButton: defaultRenderButton,
    renderBox: defaultRenderBox,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, renderBox, ...remainingProps } = this.props
    const children = renderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { ProductItem }
export default ProductItem