import { ReactNode } from 'react';
import { type ResponsiveValue } from '../../../css/sprinkles.css';
import { ConnectButtonRenderer } from './ConnectButtonRenderer';
type AccountStatus = 'full' | 'avatar' | 'address';
type ChainStatus = 'full' | 'icon' | 'name' | 'none';
export interface ConnectButtonProps {
    accountStatus?: ResponsiveValue<AccountStatus>;
    showBalance?: ResponsiveValue<boolean>;
    chainStatus?: ResponsiveValue<ChainStatus>;
    label?: ReactNode;
}
export declare function ConnectButton({ accountStatus, chainStatus, label, showBalance, ...props }: ConnectButtonProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ConnectButton {
    var __defaultProps: {
        readonly accountStatus: "full";
        readonly chainStatus: {
            readonly largeScreen: "full";
            readonly smallScreen: "icon";
        };
        readonly label: "Connect Wallet";
        readonly showBalance: {
            readonly largeScreen: true;
            readonly smallScreen: false;
        };
    };
    var Custom: typeof ConnectButtonRenderer;
}
export {};