import { ReactNode } from 'react'
import { ProductDetailsProps as ProductDetailsPlaceholderProps } from 'abstractions/Subscription'
import { ItemProps } from 'molecules/List'
import { SwatchListType } from 'presets/SwatchList'

export interface ListProps {
  label?: string
  value?: string
  isSelected?: string
}

export type ListPropsType = Array<ListProps>

export interface EventArgs {
  event?: Event
}

export interface HandlerArgs extends Function {
  (changeArgs?: EventArgs): void
}

export interface ItemDetailsProps {
  name?: string
  skuId?: string
  details?: Array<ItemProps>
  regPrice?: string
  quantity?: number
  dropdownList?: ListPropsType
  radioButtonList?: ListPropsType
  productOptionsList?: SwatchListType
}

export interface ProductDetailsProps extends ProductDetailsPlaceholderProps {
  item?: ItemDetailsProps
  // handlers
  onQuantityInputChange?: HandlerArgs
}