import type { CSSProperties, ReactNode } from "react";
import type { UsagePeriod } from "@crediball/core";
export interface CrediballUsageRenderProps {
    usage: UsagePeriod | null;
    value: number | null;
    loading: boolean;
}
export interface CrediballUsageProps {
    className?: string;
    style?: CSSProperties;
    /** Show credits consumed this period, or credits remaining. Default "used". */
    show?: "used" | "remaining";
    /** Format the raw number. Defaults to a locale-formatted whole number. */
    format?: (value: number) => string;
    children?: ReactNode | ((props: CrediballUsageRenderProps) => ReactNode);
}
/**
 * Tier 2 — credits consumed in the user's current period (their subscription's
 * billing cycle, or the calendar month for non-subscribers). Inline, inherits
 * host styling. Pass `show="remaining"` to render the balance instead.
 *
 *   <p><CrediballUsage /> credits used this month.</p>
 */
export declare function CrediballUsage({ className, style, show, format, children, }: CrediballUsageProps): import("react").JSX.Element;