/* eslint-disable @typescript-eslint/no-explicit-any */
import {
  MultiPaymentElementBase,
  MultiPaymentElementStyle,
  MultiPaymentElementChangeEvent,
} from './base';

export type MultiPaymentCardExpiryElement = MultiPaymentElementBase & {
  on(
    eventType: 'change',
    handler: (event: MultiPaymentCardExpiryElementChangeEvent) => any,
  ): MultiPaymentCardExpiryElement;
  off(
    eventType: 'change',
    handler: (event: MultiPaymentCardExpiryElementChangeEvent) => any,
  ): MultiPaymentCardExpiryElement;
  on(
    eventType: 'ready',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  off(
    eventType: 'ready',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  on(
    eventType: 'focus',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  off(
    eventType: 'focus',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  on(
    eventType: 'blur',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  off(
    eventType: 'blur',
    handler: (event: { elementType: 'cardExpiry' }) => any,
  ): MultiPaymentCardExpiryElement;
  update(options: Partial<MultiPaymentCardExpiryElementOptions>): void;
};

export interface MultiPaymentCardExpiryElementOptions {
  style?: MultiPaymentElementStyle;
  placeholder?: string;
  disabled?: boolean;
}

export interface MultiPaymentCardExpiryElementChangeEvent
  extends MultiPaymentElementChangeEvent {
  elementType: 'cardExpiry';
}