import { type HTMLAttributes } from "react";
/**
 * StatusIndicator — semantic operational-state indicator (composite).
 *
 * Consumes the `--status-online` / `--status-offline` / `--status-degraded`
 * / `--status-info` token group (ADR-0007). Statuses describe component
 * liveness (alive/dead/slow/info-flag), distinct from action-result
 * semantics (success/destructive/warning/info — see `StatusDot` primitive).
 *
 * Hierarchy invariant (T4.1): this composite consumes primitives via
 * Tailwind tokens (`bg-status-*`), never imports another composite. The
 * `StatusDot` primitive remains as a separate, more generic API.
 *
 * @example
 *   <StatusIndicator status="online" />
 *   <StatusIndicator status="degraded" label="Slow" />
 *   <StatusIndicator status="offline" label="Disconnected" size="md" />
 */
export type StatusIndicatorKind = "online" | "offline" | "degraded" | "info";
export type StatusIndicatorSize = "sm" | "md";
export interface StatusIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
    /** Operational state to convey. Maps to `--status-{kind}`. */
    status: StatusIndicatorKind;
    /** Optional inline label to the right of the dot. */
    label?: string;
    /** Size of the dot. Default `sm` (8px). */
    size?: StatusIndicatorSize;
    /** When true, pulses the dot to draw attention (e.g., live state). */
    pulse?: boolean;
}
export declare const StatusIndicator: import("react").ForwardRefExoticComponent<StatusIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;