import type { CSSProperties, ReactNode } from "react";
export interface CrediballBalanceRenderProps {
    balance: number | null;
    loading: boolean;
}
export interface CrediballBalanceProps {
    className?: string;
    style?: CSSProperties;
    /** Format the raw number. Defaults to a locale-formatted whole number. */
    format?: (balance: number) => string;
    /**
     * Static content overrides the balance entirely. Pass a function to render
     * fully custom markup from the live value (the escape hatch for anything
     * this component's default <span> doesn't cover).
     */
    children?: ReactNode | ((props: CrediballBalanceRenderProps) => ReactNode);
}
/**
 * Tier 2 — a "variable" you drop anywhere inside <CrediballProvider>. Renders
 * as an inline <span> that inherits the surrounding font, size, and color
 * (`font: inherit; color: currentColor`) so it looks native wherever it's
 * placed — a navbar, a sentence, a settings row.
 *
 *   <p>You have <CrediballBalance /> credits left.</p>
 */
export declare function CrediballBalance({ className, style, format, children }: CrediballBalanceProps): import("react").JSX.Element;