import { ReactNode } from 'react'

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

export interface ProductTileProps {
  className?: string
  children?: ReactNode
  dataQa?: string
  // fixture data
  imageUrl?: string
  imageWidth?: string
  imageHeight?: string
  productTitle?: string
  productDescription?: string
  brandName?: string
  salePrice?: string
  regularPrice?: string
  reviewRatings?: number
  totalReviews?: number
  isDisableProductInformation?: boolean
  isDisableProductImage?: boolean
  viewType?: number

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