import type { HTMLAttributes, ReactNode } from 'react';
/**
 * Design-system stat pill (`.stat-pill`): a compact card-surface chip with a
 * bold count and a muted label, used in page headers to summarize list
 * contents (e.g. "12 Total · 8 Active · 4 Inactive").
 */
export interface StatPillProps extends HTMLAttributes<HTMLSpanElement> {
    /** The count/value, rendered bold in `--txt` (override color via valueClassName). */
    value: ReactNode;
    /** Muted label shown after the value. */
    label: ReactNode;
    /** Optional leading icon. */
    icon?: ReactNode;
    /** Extra classes for the value (e.g. `text-[var(--suc)]` for an Active count). */
    valueClassName?: string;
}
export declare function StatPill({ value, label, icon, valueClassName, className, ...rest }: StatPillProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=StatPill.d.ts.map