import { ReactNode } from 'react'
import { CommonState } from 'src/state'

export interface PaymentEditCardRenderProp extends Function {
  (props: PaymentEditPlaceholderProps, state?: CommonState): ReactNode
}

export interface PaymentEditPlaceholderProps {
  className?: ''
  children?: ReactNode

  renderPaymentCardIcon?: PaymentEditCardRenderProp
  renderPaymentCardTitle?: PaymentEditCardRenderProp
  renderPaymentCardExpiry?: PaymentEditCardRenderProp
  renderPaymentMethod?: PaymentEditCardRenderProp
  renderGiftCardBalance?: PaymentEditCardRenderProp
  renderPaymentCardToggleButton?: PaymentEditCardRenderProp
  renderPaymentRemoveButton?: PaymentEditCardRenderProp
  renderPaymentCardHeader?: PaymentEditCardRenderProp
  renderPaymentCardFooter?: PaymentEditCardRenderProp
  renderWrapper?: PaymentEditCardRenderProp
}