import { ReactEventHandler } from 'react'
import { ProductItemProps as ProductItemPlaceholderProps } from 'abstractions/ProductPieces'

export interface ImageProps {
  value?: string
}

export interface FacetProps {
  label?: string
  value?: string
  isColon?: boolean
}

export interface ItemProps {
  name?: string
  identifier?: string
  brandName?: string
  image?: ImageProps
  hasQuantity?: boolean
  quantity?: number
  salePrice?: string
  regPrice?: string
  totalPrice?: string
  savePrice?: string
  facets?: Array<FacetProps>
  navigationUrl?: string
}

export interface ProductItemDetailProps {
  item?: ItemProps
  onQuantityInputChange?: ReactEventHandler<HTMLInputElement>
}
export interface ProductItemProps
  extends ProductItemPlaceholderProps,
    ProductItemDetailProps {}