import { type HTMLAttributes } from "react";
import { type BadgeProps } from "../../primitives/badge/index.js";
/**
 * SeverityBadge — labeled, multi-level severity indicator (composite).
 *
 * Composes the `Badge` primitive: maps a `Severity` level (langfuse's
 * MonitorSeverity vocabulary, lowercased) to a Badge `variant`, rendering a
 * human-readable label.
 *
 * NOT a duplicate of `StatusIndicator`: StatusIndicator is a small colored
 * *status dot* (online/offline/degraded/info) conveying component liveness.
 * SeverityBadge is a *labeled Badge* conveying a multi-level severity grade
 * (ok/warning/alert/no_data/unknown/paused) — different semantics, different
 * surface (bordered pill with text, not a dot). See plan ADR D2.
 *
 * @example
 *   <SeverityBadge severity="alert" />                    // "Alert", destructive
 *   <SeverityBadge severity="ok" label="Healthy" />       // custom label
 *   <SeverityBadge severity="warning" variantMap={{ warning: "accent" }} />
 */
/** Severity level. langfuse MonitorSeverity vocabulary, lowercased. */
export type Severity = "ok" | "warning" | "alert" | "no_data" | "unknown" | "paused";
/** A Badge visual variant (derived from the Badge primitive). */
export type BadgeVariant = NonNullable<BadgeProps["variant"]>;
export interface SeverityBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
    /** Severity level to convey. */
    severity: Severity;
    /** Overrides the default human-readable label derived from the severity. */
    label?: string;
    /** Per-severity overrides of the default severity → Badge variant map. */
    variantMap?: Partial<Record<Severity, BadgeVariant>>;
}
export declare const SeverityBadge: import("react").ForwardRefExoticComponent<SeverityBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;