import { ReactNode } from 'react'
import {
  AnimatedCardProps,
  AnimatedCardState,
} from 'presets/AnimatedExpandableCard'

export interface CheckoutCartBundleRenderProp extends Function {
  (props?: CheckoutCartBundleProps, state?: AnimatedCardState): ReactNode
}

export interface ListProps {}

export type ListPropType = Array<ListProps>

export interface CheckoutCartBundleProps extends AnimatedCardProps {
  className?: string

  item?: ListProps
  index?: number
  mandatoryProducts?: ListPropType
  addonProducts?: ListPropType
  productCount?: number

  // renderProps
  renderHeader?: CheckoutCartBundleRenderProp
  renderList?: CheckoutCartBundleRenderProp
  renderItem?: CheckoutCartBundleRenderProp
}

export interface CheckoutCartBundleState extends AnimatedCardState {}

export default CheckoutCartBundleProps