import type React from 'react';
import type { CustomTheme, Mode, Theme } from '../../types';
type Hash = `0x${string}`;
type ConnectButtonRendererProps = {
    children?: (renderProps: {
        show?: () => void;
        hide?: () => void;
        unsupported: boolean;
        isConnected: boolean;
        isConnecting: boolean;
        address?: Hash;
        truncatedAddress?: string;
        ensName?: string;
        chainId?: number;
    }) => React.ReactNode;
};
type OpenfortButtonProps = {
    label?: string;
    showBalance?: boolean;
    showAvatar?: boolean;
    theme?: Theme;
    mode?: Mode;
    customTheme?: CustomTheme;
    onClick?: (open: () => void) => void;
};
/**
 * Connect button component. Shows balance, avatar, and chain when connected;
 * opens connect modal when disconnected. Use `OpenfortButton.Custom` for custom render.
 *
 * @example
 * ```tsx
 * <OpenfortButton />
 * <OpenfortButton label="Connect" showAvatar />
 * <OpenfortButton.Custom>{(props) => <CustomButton {...props} />}</OpenfortButton.Custom>
 * ```
 */
export declare function OpenfortButton({ label, showBalance, showAvatar, theme, mode, customTheme, onClick, }: OpenfortButtonProps): import("react/jsx-runtime").JSX.Element | null;
export declare namespace OpenfortButton {
    var Custom: React.FC<ConnectButtonRendererProps>;
}
export {};