import React from 'react'
import { ProductItem as ProductItemPlaceholder } from 'abstractions/OrderHistory/ProductItem'
import {
  defaultRenderLinkButton,
  defaultRenderButton,
  defaultRenderActionButtons,
} from './ActionButton'
import {
  defaultRenderProductDetails,
  defaultRenderShippingAddress,
  defaultRenderShippingMethod,
  defaultRenderStatus,
  defaultRenderWrapper,
} from './renderProps'
import { ProductItemProps } from './typings'

class ProductItem extends React.PureComponent<ProductItemProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderProductDetails: defaultRenderProductDetails,
    renderShippingAddress: defaultRenderShippingAddress,
    renderShippingMethod: defaultRenderShippingMethod,
    renderStatus: defaultRenderStatus,
    renderActionButtons: defaultRenderActionButtons,
    renderLinkButton: defaultRenderLinkButton,
    renderButton: defaultRenderButton,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    return <ProductItemPlaceholder {...this.props} />
  }
}

export { ProductItem }
export default ProductItem