import { ReactNode } from 'react'
import { CardProps, CardState } from 'organisms/ExpandableCard/typings'

/**
 * STATE
 */
export interface PaymentInformationCardState extends CardState {}

export interface PaymentInformationCardItemProps {
  index?: number
}

export interface PaymentInformationCardRenderProp extends Function {
  (props: PaymentInformationCardProps, state: PaymentInformationCardState): ReactNode
}

export interface PaymentInformationCardRenderItemProp extends Function {
  (item: PaymentInformationCardItemProps, state: PaymentInformationCardState): ReactNode
}

export interface PaymentInformationCardProps extends CardProps {
  className?: string

  list: Array<PaymentInformationCardItemProps>
  /**
   * RENDER PROPS
   */
  renderHeader?: PaymentInformationCardRenderProp,
  renderItem?: PaymentInformationCardRenderItemProp,
  renderList?: PaymentInformationCardRenderProp
  renderCard?: PaymentInformationCardRenderProp,
  renderForm?: PaymentInformationCardRenderProp,
}