/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { Chip } from "../Chip/Chip2.js";
import "../Chip/index.js";
import "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/core/LiveIndicator/LiveIndicator.tsx
var CHIP_OVERRIDES = [
	"[--chip-bg:var(--success-bg)]",
	"[--chip-fg:var(--success-text)]",
	"[--chip-border:var(--success-border)]"
].join(" ");
var LiveIndicator = ({ status = "live", children, className }) => {
	const paused = status === "paused";
	return /* @__PURE__ */ jsxs(Chip, {
		className: cn(CHIP_OVERRIDES, "font-mono text-[11px] font-bold uppercase tracking-[0.14em] px-2.5 py-1", paused && "[--chip-fg:var(--text-subtle)]", className),
		role: "status",
		children: [/* @__PURE__ */ jsx(Chip.Dot, {
			pulse: !paused,
			className: paused ? "text-(--text-subtle)" : "text-(--live-indicator-dot)"
		}), /* @__PURE__ */ jsx("span", { children })]
	});
};
LiveIndicator.displayName = "LiveIndicator";
//#endregion
export { LiveIndicator };

//# sourceMappingURL=LiveIndicator.js.map