import { ChargeCard, FetchStateAndError, Token } from '@zeniai/client-epic-state';
type responseData = {
    errors: {
        detail: string;
        source: {
            pointer: string;
        };
        status: string;
        title: string;
    }[];
};
interface VGSField {
    loadingState: "loaded" | "loading" | "failed";
}
export interface Form {
    fields?: VGSField[];
    SERIALIZERS?: string;
    state?: any;
    submit?: (path: string, options: {
        headers: Record<string, string>;
        mapDotToObject: string;
    }, onResponse?: (status: number, data: responseData) => void, onError?: () => void) => void;
}
export interface DebitCardSetPinSectionProps {
    card: ChargeCard;
    form: Form;
    isVGSFormLoaded: boolean;
    phone: string;
    setPinInProgress: boolean;
    setPinWaitStatus: FetchStateAndError;
    setShowPin: React.Dispatch<React.SetStateAction<boolean>>;
    setValidation: React.Dispatch<React.SetStateAction<boolean>>;
    showPin: boolean;
    showPinFieldError: boolean;
    validation: boolean;
    signedInUserToken?: Token;
    onGetOtp: (phoneNumber: string) => void;
    onSetPin: (token?: Token) => void;
}
declare const DebitCardSetPinSection: ({ validation, card, showPin, showPinFieldError, setPinInProgress, setPinWaitStatus, isVGSFormLoaded, setShowPin, form, phone, signedInUserToken, onGetOtp, setValidation, onSetPin, }: DebitCardSetPinSectionProps) => import("react/jsx-runtime").JSX.Element;
interface SetPinButtonProps {
    form: Form;
    isVGSFormLoaded: boolean;
    phone: string;
    setPinInProgress: boolean;
    setPinWaitStatus: FetchStateAndError;
    showPinFieldError: boolean;
    signedInUserToken?: Token;
    onGetOtp: (phoneNumber: string) => void;
    onSetPin: (token?: Token) => void;
    setValidation: (value: React.SetStateAction<boolean>) => void;
}
export declare const SetPinButton: ({ setPinInProgress, setPinWaitStatus, isVGSFormLoaded, showPinFieldError, form, setValidation, signedInUserToken, onGetOtp, phone, onSetPin, }: SetPinButtonProps) => import("react/jsx-runtime").JSX.Element;
export default DebitCardSetPinSection;
