import React, { ReactNode } from 'react';
import { ThemeVars } from '../../css/sprinkles.css';
import { DisclaimerComponent, loginInfoType } from './AppContext';
import { AvatarComponent } from './AvatarContext';
import { ModalSizes } from './ModalSizeContext';
import { RainbowKitChain } from './RainbowKitChainContext';
export declare const useThemeRootProps: () => {
    "data-rk": string;
};
export type Theme = ThemeVars | {
    lightMode: ThemeVars;
    darkMode: ThemeVars;
};
export interface RainbowKitProviderProps {
    loginModal: ReactNode;
    loginInfo: loginInfoType;
    onLoading?: () => void;
    onSuccess?: () => void;
    onNotInstalled?: () => void;
    onCallSuccess?: () => void;
    onError?: (error: Error) => void;
    chains: RainbowKitChain[];
    initialChain?: RainbowKitChain | number;
    id?: string;
    children: ReactNode;
    theme?: Theme | null;
    showRecentTransactions?: boolean;
    appInfo?: {
        appName?: string;
        learnMoreUrl?: string;
        disclaimer?: DisclaimerComponent;
    };
    coolMode?: boolean;
    avatar?: AvatarComponent;
    modalSize?: ModalSizes;
    mobileQRCode?: boolean;
    phoneLogin?: boolean;
    mobileQRCodeIcon?: string | (() => Promise<string>);
}
export declare function RainbowKitProvider({ appInfo, avatar, chains, children, id, initialChain, loginInfo, loginModal, mobileQRCode, mobileQRCodeIcon, modalSize, onCallSuccess, onError, onLoading, onNotInstalled, onSuccess, phoneLogin, showRecentTransactions, theme, }: RainbowKitProviderProps): React.JSX.Element;