import React from 'react'
import { NO_OP, EMPTY_OBJ } from 'exotic'
import { ProductItem as ProductItemPlaceholder } from 'abstractions/ProductPieces'
import { ProductItemProps } from './typings'
import {
  defaultRenderImage,
  defaultRenderProductDetails,
  defaultRenderQuantity,
  defaultRenderPrice,
  defaultRenderTotalPrice,
} from './renderProps'

class ProductItem extends React.Component<ProductItemProps> {
  static defaultProps = {
    className: '',
    item: EMPTY_OBJ,
    //
    renderImage: defaultRenderImage,
    renderProductDetails: defaultRenderProductDetails,
    renderQuantity: defaultRenderQuantity,
    renderPrice: defaultRenderPrice,
    renderTotalPrice: defaultRenderTotalPrice,
    //
    onQuantityInputChange: NO_OP,
  }
  render() {
    return <ProductItemPlaceholder {...this.props} />
  }
}

export { ProductItem }
export default ProductItem