import { Dispatch, MutableRefObject, SetStateAction } from 'react';
import { default as Color } from 'color';
import { CardsClickType } from '@zeniai/client-analytics';
import { CashbackDetailSelectorView, ChargeCardDetailSelectorView, ID, Token } from '@zeniai/client-epic-state';
import { BaseCardMixPanelProps } from '../helpers/ChargeCardUtils';
export interface AddCardToWalletDrawerProps extends BaseCardMixPanelProps {
    cardDetailsFetchState: {
        cvv: boolean;
        number: boolean;
    };
    changePinInProcess: boolean;
    chargeCardCashbackDetailState: CashbackDetailSelectorView;
    chargeCardDetailView: ChargeCardDetailSelectorView;
    isCardDetailErrored: boolean;
    isChargeCardAdmin: boolean;
    isDrawerOpen: boolean;
    isSandboxEnv: boolean;
    secretRevealed: boolean;
    selectedColor: Color | undefined;
    setCardDetailsFetchState: Dispatch<SetStateAction<{
        cvv: boolean;
        number: boolean;
    }>>;
    setIsAddToWalletDrawerOpen: Dispatch<SetStateAction<boolean>>;
    setIsCardDetailErrored: Dispatch<SetStateAction<boolean>>;
    setSecretRevealed: Dispatch<SetStateAction<boolean>>;
    setShowChangePinPopup: Dispatch<SetStateAction<boolean>>;
    setShowSecretInfo: Dispatch<SetStateAction<boolean>>;
    showDrawerAnimation: MutableRefObject<string>;
    showSecretInfo: boolean;
    vgsVaultId: ID;
    walletType: walletType;
    signedInUserToken?: Token;
    handleColorCodeClick: (colorCode: Color, isColorToBeSet: boolean) => void;
    isCardDetailFetching: (data: {
        cvv: boolean;
        number: boolean;
    }) => boolean;
    onFireOnClickAnalytics: (type: CardsClickType, selectedColor?: string) => void;
    onFireVerifyPopOnClickAnalytics: (type: CardsClickType, selectedColor?: string) => void;
    onGetOtp: (phoneNumber: string) => void;
    onResendOtp: (otpChallenge: string) => void;
    onVerifyOtp: (code: string, otpChallenge: string) => void;
    onVerifyOtpSuccess: (Token?: Token) => void;
}
export type walletType = "apple" | "google";
declare const AddCardToWalletDrawer: ({ isChargeCardAdmin, chargeCardDetailView, walletType, secretRevealed, isDrawerOpen, vgsVaultId, showSecretInfo, changePinInProcess, isSandboxEnv, controllerEmails, isChargeCardFeatureEnabled, isDebitCardFeatureEnabled, isDebitCardSetupEnabled, isChargeCardSetupEnabled, chargeCardCashbackDetailState, isCardDetailErrored, creditAccountRepayment, productInformation, creditAccountInformation, debitAccountInformation, cashbackInformation, signedInUserToken, selectedColor, showDrawerAnimation, cardDetailsFetchState, setCardDetailsFetchState, setIsCardDetailErrored, setShowSecretInfo, setSecretRevealed, setShowChangePinPopup, setIsAddToWalletDrawerOpen, isCardDetailFetching, handleColorCodeClick, onFireOnClickAnalytics, onVerifyOtp, onVerifyOtpSuccess, onResendOtp, onFireVerifyPopOnClickAnalytics, onGetOtp, }: AddCardToWalletDrawerProps) => import("react/jsx-runtime").JSX.Element;
export default AddCardToWalletDrawer;