import type { StatusPhase } from "../types";
/** Props for {@link StatusBadge}. */
export interface StatusBadgeProps {
    /** The status phase to display. Maps to `--stgm-status-*` tokens. */
    readonly phase: StatusPhase;
    /**
     * Optional human-readable label override. When omitted, the phase
     * name is title-cased (e.g. "ready" becomes "Ready").
     */
    readonly label?: string;
    /** Tooltip text shown on hover. When omitted, no tooltip renders. */
    readonly tooltip?: string;
    /** Additional CSS classes for the root element. */
    readonly className?: string;
}
/**
 * Accessible status indicator that combines a color dot with a text label.
 *
 * Never communicates status through color alone — the text label is always
 * present (WCAG 1.4.1). Colors come from `--stgm-status-*` design tokens
 * defined in `@stigmer/theme`, ensuring correct appearance in both light
 * and dark modes.
 *
 * @example
 * ```tsx
 * <StatusBadge phase="ready" />
 * <StatusBadge phase="failed" label="Unreachable" tooltip="Last checked 2m ago" />
 * ```
 */
export declare function StatusBadge({ phase, label, tooltip, className, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=StatusBadge.d.ts.map