import { ReactEventHandler } from 'react'
import { PaymentCardProps as PaymentCardPlaceholderProps } from 'abstractions/PaymentMethod/Item'
import { PaymentActionTileState } from '../PaymentActionTile/typings'

export interface ClickHandler extends Function {
  (cardIdentifier: string | number): void
}

export interface PaymentEditHanlder extends Function {
  (state: PaymentActionTileState): void
}

export interface PaymentCardHandlers {
  onRemovePaymentConfirm?: ClickHandler
  onRemovePaymentCancel?: ReactEventHandler<HTMLButtonElement>
  onTogglePaymentMethod?: ClickHandler
  onPaymentEdit?: PaymentEditHanlder
  onPaymentChange?: ReactEventHandler<HTMLButtonElement>
}

export interface PaymentCardProps
  extends PaymentCardPlaceholderProps,
    PaymentCardHandlers {
  cardIdentifier?: string | number
  cardType?: string
  cardTitle?: string
  cardExpiry?: string
  giftBalanceAmount?: string
  editButtonLabel?: string
  optionLabel?: string
  removeButtonLabel?: string
}