import { c } from "react/compiler-runtime";
import React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
var PipelineDebugLegend_default = () => {
	let r = c(7), i;
	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-2",
		children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full border border-blue-500/50 bg-blue-500/20" }), /* @__PURE__ */ jsx("span", {
			className: "text-muted-foreground",
			children: "Start"
		})]
	}), r[0] = i) : i = r[0];
	let a;
	r[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-2",
		children: [/* @__PURE__ */ jsxs("div", {
			className: "relative h-3 w-3",
			children: [/* @__PURE__ */ jsx("span", { className: "bg-primary absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ jsx("span", { className: "bg-primary border-background ring-primary/30 relative inline-flex h-3 w-3 rounded-full border-2 ring-1" })]
		}), /* @__PURE__ */ jsx("span", {
			className: "text-foreground font-semibold",
			children: "Current"
		})]
	}), r[1] = a) : a = r[1];
	let o;
	r[2] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-2",
		children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full border border-green-500/50 bg-green-500/20" }), /* @__PURE__ */ jsx("span", {
			className: "text-muted-foreground",
			children: "End"
		})]
	}), r[2] = o) : o = r[2];
	let s, l;
	r[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-2",
		children: [/* @__PURE__ */ jsx("div", { className: "border-border bg-muted/50 h-3 w-3 rounded-full border" }), /* @__PURE__ */ jsx("span", {
			className: "text-muted-foreground",
			children: "Visited"
		})]
	}), l = /* @__PURE__ */ jsx("div", { className: "bg-border mx-2 h-4 w-px" }), r[3] = s, r[4] = l) : (s = r[3], l = r[4]);
	let u;
	r[5] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-2",
		children: [/* @__PURE__ */ jsx("div", { className: "bg-primary h-0.5 w-4 rounded" }), /* @__PURE__ */ jsx("span", {
			className: "text-muted-foreground",
			children: "Executed"
		})]
	}), r[5] = u) : u = r[5];
	let d;
	return r[6] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-6 text-xs font-medium",
		children: [
			i,
			a,
			o,
			s,
			l,
			u,
			/* @__PURE__ */ jsxs("div", {
				className: "flex items-center gap-2",
				children: [/* @__PURE__ */ jsx("div", { className: "border-muted-foreground/60 h-0.5 w-4 rounded border-t border-dashed" }), /* @__PURE__ */ jsx("span", {
					className: "text-muted-foreground",
					children: "Potential"
				})]
			})
		]
	}), r[6] = d) : d = r[6], d;
};
export { PipelineDebugLegend_default as default };
