import { ReactNode } from 'react'
import { CommonState } from 'src/state'
import {
  ProductItemPlaceholderProps,
  ProductItemRenderProp,
} from 'abstractions/Order/ProductItem/typings'

export interface ProductItemRenderEventProps extends Function {
  (state: CommonState): void
}

export interface ItemDetails {
  image?: string
  title?: string
  description?: string
  skuId?: string
  size?: string | number
  color?: string
  itemid?: string
  quantity?: string | number
  price?: string
  ratings?: string | number
  regularPrice?: string
  salePrice?: string
  frequencyContent?: string
}

export type ItemDetailType = ItemDetails

export interface ProductItemButtonLabels {
  primary?: string
  secondary?: string
  teritary?: string
}

export interface ProductItemProps extends ProductItemPlaceholderProps {
  itemDetails?: ItemDetailType
  //
  // renderProductItemButtons?: ProductItemRenderProp
  // renderForm?: ProductItemRenderProp
  //
  handleMouseOver?: ProductItemRenderEventProps
  handleMouseOut?: ProductItemRenderEventProps
  handleClick?: ProductItemRenderEventProps
}