import { ReactNode } from 'react'
import { CommonState } from '@skava/ui/dist/state'
import { ProductItemProps as ProductItemPlaceholderProps } from 'abstractions/OrderHistory/ProductItem'
import { ProductItemProps as ProductDetailProps } from 'presets/ProductPieces/ProductItemV1'
import { AddressPresetProps } from 'presets/Address'
import { LabelValueType } from '../PaymentSummary'
import { FormConfigProps } from '../CancellationReturnForm'

export interface ButtonProps {
  label?: string
  value?: string
  dataQa?: string
  navigationURL?: string
  color?: string
}
export interface ProductItemConfigProps extends ProductDetailProps {
  status?: string
  shippingAddress?: AddressPresetProps
  shippingMethod?: LabelValueType
  actionButtonList?: ButtonProps
  cancelAndReturnConfig?: FormConfigProps
}
export interface LinkButtonRenderProp extends Function {
  (props: ButtonProps, index: number): ReactNode
}
export type OrderItemButtonType = ButtonProps & ProductItemPlaceholderProps

export interface ButtonRenderProp extends Function {
  (props: OrderItemButtonType, index: number, state?: CommonState): ReactNode
}
export interface HandlerProps {
  label?: string
  item: OrderItemConfigProps
}

export interface ClickHandler extends Function {
  (args: HandlerProps): void
}
export interface ProductItemProps extends ProductItemPlaceholderProps {
  onActionButtonClick?: ClickHandler
  renderLinkButton?: LinkButtonRenderProp
  renderButton?: ButtonRenderProp
  item: OrderItemConfigProps
  buttonProps?: ButtonProps
}