import { t as e } from "../utils-B7XIe3qq.js";
import "react";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region src/primitives/sse-live-badge.tsx
function r({ connected: r, connectedLabel: i = "Live", reconnectingLabel: a = "Reconnecting…", className: o, ...s }) {
	let c = r ? i : a;
	return /* @__PURE__ */ n("span", {
		"data-slot": "sse-live-badge",
		"data-connected": r ? "true" : "false",
		role: "status",
		"aria-live": "polite",
		className: e("inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs font-medium", r ? "border-success/30 bg-success/10 text-success" : "border-warning/30 bg-warning/10 text-warning", o),
		...s,
		children: [/* @__PURE__ */ t("span", {
			"aria-hidden": !0,
			className: e("h-1.5 w-1.5 rounded-full", r ? "bg-success" : "animate-pulse bg-warning")
		}), c]
	});
}
//#endregion
export { r as SSELiveBadge };

//# sourceMappingURL=sse-live-badge.js.map