import React from 'react'
import { EMPTY_OBJ, NO_OP } from 'exotic'
import { ProductItem as ProductItemPlaceholder } from 'abstractions/BundleCollection'
import { ProductItemProps } from './typings'
import {
  defaultRenderProduct,
  defaultRenderOptions,
  defaultRenderDescription,
  defaultRenderRating,
  defaultRenderQuantity,
  defaultRenderButton,
} from './renderProps'

class ProductItem extends React.PureComponent<ProductItemProps> {
  static defaultProps = {
    className: '',
    item: EMPTY_OBJ,
    //
    renderProduct: defaultRenderProduct,
    renderOptions: defaultRenderOptions,
    renderDescription: defaultRenderDescription,
    renderRating: defaultRenderRating,
    renderQuantity: defaultRenderQuantity,
    renderButton: defaultRenderButton,
    //
    onWriteReviewClick: NO_OP,
    onQuantityInputChange: NO_OP,
    onCheckBoxInputChange: NO_OP,
    onPrimaryButtonClick: NO_OP,
    onSecondaryButtonClick: NO_OP,
  }

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

export { ProductItem }
export default ProductItem