import { BoxProps } from '@dodoex/components';
import { TokenInfo } from '../../../../hooks/Token';
import { TokenPickerProps } from '../../../TokenPicker';
import BigNumber from 'bignumber.js';
import { ChainId } from '@dodoex/api';
import { BalanceData } from '../../../../hooks/Submission/useBalanceUpdateLoading';
export interface TokenCardProps {
    amt: string;
    fiatPriceTxt?: string | React.ReactNode;
    sx?: BoxProps['sx'];
    inputSx?: BoxProps['sx'];
    readOnly?: boolean;
    showMaxBtn?: boolean;
    canClickBalance?: boolean;
    occupiedAddrs?: string[];
    occupiedChainId?: TokenPickerProps['occupiedChainId'];
    onMaxClick?: (max: string) => void;
    token?: TokenInfo | null;
    onInputChange?: (v: string) => void;
    onInputFocus?: () => void;
    onTokenClick?: () => void;
    onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
    side?: TokenPickerProps['side'];
    showChainLogo?: boolean;
    showChainName?: boolean;
    defaultLoadBalance?: boolean;
    overrideBalance?: BigNumber | null;
    overrideBalanceLoading?: boolean;
    balanceText?: React.ReactNode;
    showPercentage?: boolean;
    inputReadonlyTooltip?: React.ReactNode;
    inputTypography?: string;
    chainId?: ChainId;
    hideToken?: boolean;
    checkLogBalance?: BalanceData;
    notTokenPickerModal?: boolean;
}
export declare function CardPlus(): JSX.Element;
export declare function CardPlusConnected(): JSX.Element;
export declare function TokenCard({ sx, inputSx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, notTokenPickerModal, }: TokenCardProps): JSX.Element;
