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>
  onPaymentCardSave?: Function
  /**
   * RENDER PROPS
   */
  renderHeader?: PaymentInformationCardRenderProp
  renderItem?: PaymentInformationCardRenderItemProp
  renderList?: PaymentInformationCardRenderProp
  renderCard?: PaymentInformationCardRenderProp
  renderForm?: PaymentInformationCardRenderProp
}