import { ReactNode } from 'react'

export interface ProductItemRenderProp extends Function {
  (props: ProductItemProps): ReactNode
}

export interface ProductItemProps {
  className?: string
  children?: ReactNode
  productItemData?: Object

  /**
   * render props
   */
  renderImage?: ProductItemRenderProp
  renderTitle?: ProductItemRenderProp
  renderPrice?: ProductItemRenderProp
  renderOfferInfo?: ProductItemRenderProp
  renderRatings?: ProductItemRenderProp
  renderAddToCartButton?: ProductItemRenderProp
  renderFavouriteButton?: ProductItemRenderProp
  renderWrapper?: ProductItemRenderProp
}