import { ReactNode } from 'react'

export interface ProductTileRenderProp extends Function {
  (props: ProductTileProps): ReactNode
}

export interface ProductTileProps {
  className?: string
  children?: ReactNode
  dataQa?: string

  imageUrl?: string
  productTitle?: string
  productDescription?: string
  brandName?: string
  regularPrice?: string | number
  salePrice?: string | number
  reviewRatings?: string | number
  totalReviews?: string | number
  promoDetails?: string
  isDisableProductInformation?: string | boolean
  isDisableProductImage?: string | boolean
  viewType?: string

  /**
   * render props
   */
  renderImage: ProductTileRenderProp
  renderBrandName: ProductTileRenderProp
  renderTitle: ProductTileRenderProp
  renderDescription: ProductTileRenderProp
  renderPrice: ProductTileRenderProp
  renderPromo: ProductTileRenderProp
  renderRatings: ProductTileRenderProp
  renderProductInformation: ProductTileRenderProp
  renderWrapper: ProductTileRenderProp
}