import { Dispatch, 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 Props extends BaseCardMixPanelProps {
    cardDetailsFetchState: {
        cvv: boolean;
        number: boolean;
    };
    chargeCardCashbackDetailState: CashbackDetailSelectorView;
    chargeCardDetailView: ChargeCardDetailSelectorView;
    isCardDetailErrored: boolean;
    isChargeCardAdmin: boolean;
    isOwnCard: boolean;
    isSandboxEnv: boolean;
    isShowingInDrawer: boolean;
    secretRevealed: boolean;
    selectedColor: Color | undefined;
    setCardDetailsFetchState: Dispatch<SetStateAction<{
        cvv: boolean;
        number: boolean;
    }>>;
    setIsCardDetailErrored: Dispatch<SetStateAction<boolean>>;
    setSecretRevealed: Dispatch<SetStateAction<boolean>>;
    setShowPhoneNumberForOtp: Dispatch<SetStateAction<boolean>>;
    setShowSecretInfo: Dispatch<SetStateAction<boolean>>;
    showSecretInfo: boolean;
    vgsVaultId: ID;
    signedInUserToken?: Token;
    handleColorCodeClick: (colorCode: Color, isColorToBeSet: boolean) => void;
    isCardDetailFetching: (data: {
        cvv: boolean;
        number: boolean;
    }) => boolean;
    onFireOnClickAnalytics: (type: CardsClickType, selectedColor?: string) => void;
    onUnlockChargeCard: (isChargeCardAdmin: boolean) => void;
}
export declare const CardAnimationWithClickForDetails: ({ isChargeCardAdmin, chargeCardDetailView, productInformation, cashbackInformation, creditAccountInformation, debitAccountInformation, secretRevealed, isOwnCard, vgsVaultId, showSecretInfo, controllerEmails, isChargeCardFeatureEnabled, isDebitCardFeatureEnabled, isDebitCardSetupEnabled, isChargeCardSetupEnabled, chargeCardCashbackDetailState, creditAccount, creditAccountRepayment, isShowingInDrawer, isSandboxEnv, isCardDetailErrored, signedInUserToken, selectedColor, cardDetailsFetchState, setCardDetailsFetchState, setIsCardDetailErrored, setShowSecretInfo, setSecretRevealed, setShowPhoneNumberForOtp, isCardDetailFetching, handleColorCodeClick, onFireOnClickAnalytics, onUnlockChargeCard, }: Props) => import("react/jsx-runtime").JSX.Element;
