import { t as e } from "../../utils-B7XIe3qq.js";
import { t } from "../../dist-BCCeHAQm.js";
import "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/react/primitives/severity-indicator.tsx
var i = t("inline-flex items-center gap-1.5 rounded-full text-xs font-medium transition-colors", {
	variants: {
		level: {
			critical: "text-accent-rose",
			high: "text-accent-rose/80",
			medium: "text-accent-amber",
			low: "text-accent-cyan",
			info: "text-foreground-secondary",
			none: "text-foreground-muted"
		},
		compact: {
			true: "gap-1 text-[11px]",
			false: ""
		}
	},
	defaultVariants: {
		level: "info",
		compact: !1
	}
}), a = t("inline-block shrink-0 rounded-full", {
	variants: {
		level: {
			critical: "bg-accent-rose",
			high: "bg-accent-rose/80",
			medium: "bg-accent-amber",
			low: "bg-accent-cyan",
			info: "bg-foreground-secondary",
			none: "bg-foreground-muted"
		},
		compact: {
			true: "size-1.5",
			false: "size-2"
		}
	},
	defaultVariants: {
		level: "info",
		compact: !1
	}
}), o = {
	critical: "Critical",
	high: "High",
	medium: "Medium",
	low: "Low",
	info: "Info",
	none: "None"
};
function s({ className: t, level: s, showLabel: c = !0, showIcon: l = !0, compact: u = !1, ...d }) {
	return /* @__PURE__ */ r("span", {
		"data-slot": "severity-indicator",
		role: "status",
		"aria-label": `Severity: ${o[s]}`,
		className: e(i({
			level: s,
			compact: u
		}), t),
		...d,
		children: [l && /* @__PURE__ */ n("span", {
			"aria-hidden": "true",
			className: a({
				level: s,
				compact: u
			})
		}), c && /* @__PURE__ */ n("span", { children: o[s] })]
	});
}
//#endregion
export { s as SeverityIndicator, i as severityVariants };

//# sourceMappingURL=severity-indicator.js.map