import { ChainId } from '@dodoex/api';
import { BoxProps } from '@dodoex/components';
import BigNumber from 'bignumber.js';
import { TokenInfo } from '../hooks/Token';
export declare function CardStatus({ loading, empty, hasSearch, children, refetch, }: React.PropsWithChildren<{
    isMobile?: boolean;
    loading: boolean;
    empty: boolean;
    hasSearch?: boolean;
    refetch?: () => void;
}>): JSX.Element;
export default function FoldBtn({ show, onClick, }: {
    show: boolean;
    onClick: () => void;
}): JSX.Element;
export declare function TypeText({ color, type }: {
    color: string;
    type: string;
}): JSX.Element;
export declare function StatusAndTime({ isMobile, statusText, statusColor: statusColorProps, time, alphaColor, sx, }: {
    isMobile: boolean;
    statusText: string;
    statusColor: string;
    time?: string;
    alphaColor?: number;
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function ChainName({ chainId }: {
    chainId: ChainId;
}): JSX.Element | null;
export declare function TokenAndAmount({ token, amount, showChain, hideLogo, canAddMetamask, sx, }: {
    token: TokenInfo;
    amount: string | BigNumber;
    showChain?: boolean;
    hideLogo?: boolean;
    canAddMetamask?: boolean;
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function TokenPairAndAmount({ baseToken, quoteToken, amount, sx, }: {
    baseToken: TokenInfo;
    quoteToken: TokenInfo;
    amount: BigNumber;
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function TokenPairOrTokenListAndAmount({ baseToken, quoteToken, baseAmount, quoteAmount, sx, }: {
    baseToken: TokenInfo;
    quoteToken: TokenInfo;
    baseAmount: BigNumber;
    quoteAmount: BigNumber | null;
    sx?: BoxProps['sx'];
}): JSX.Element;
