import React from 'react'
import { ProductItemProps } from './typings'
import { ProductItem as ProductItemPlaceholder } from 'abstractions/Subscription'
import {
  defaultRenderPrice,
  defaultRenderSkuId,
  defaultRenderDescription,
  defaultRenderTitle,
  defaultRenderImage,
} from './renderProps'

class ProductItem extends React.PureComponent<ProductItemProps> {
  static defaultProps = {
    className: '',
    renderPrice: defaultRenderPrice,
    renderSkuId: defaultRenderSkuId,
    renderDescription: defaultRenderDescription,
    renderTitle: defaultRenderTitle,
    renderImage: defaultRenderImage,
  }
  render() {
    return <ProductItemPlaceholder {...this.props} />
  }
}

export { ProductItem }
export default ProductItem