import { default as React } from 'react';
export type CardType = 'visa' | 'mastercard' | 'amex' | 'discover' | 'unknown';
export interface CreditCardInputProps {
    /** Card number value */
    cardNumber: string;
    /** Card number change handler */
    onCardNumberChange: (value: string) => void;
    /** Expiry date value (MM/YY) */
    expiryDate?: string;
    /** Expiry date change handler */
    onExpiryDateChange?: (value: string) => void;
    /** CVV value */
    cvv?: string;
    /** CVV change handler */
    onCVVChange?: (value: string) => void;
    /** Cardholder name */
    cardholderName?: string;
    /** Cardholder name change handler */
    onCardholderNameChange?: (value: string) => void;
    /** Show all fields (card, expiry, cvv, name) */
    showAllFields?: boolean;
    /** Disabled state */
    disabled?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * CreditCardInput Component
 *
 * Credit card input with auto-formatting and card type detection.
 * Supports multiple card types and validates input.
 *
 * @example
 * ```tsx
 * <CreditCardInput
 *   cardNumber={cardNumber}
 *   onCardNumberChange={setCardNumber}
 *   expiryDate={expiry}
 *   onExpiryDateChange={setExpiry}
 *   cvv={cvv}
 *   onCVVChange={setCvv}
 *   cardholderName={name}
 *   onCardholderNameChange={setName}
 *   showAllFields
 * />
 * ```
 *
 * @example
 * ```tsx
 * <CreditCardInput
 *   cardNumber={number}
 *   onCardNumberChange={setNumber}
 * />
 * ```
 */
export declare const CreditCardInput: React.FC<CreditCardInputProps>;
//# sourceMappingURL=credit-card-input.d.ts.map