import "react";
import { jsx as e, jsxs as t } from "react/jsx-runtime";
//#region src/features/debug/components/WorkflowDebugLegend.tsx
var n = () => /* @__PURE__ */ t("div", {
	className: "flex items-center gap-6 text-xs font-medium",
	children: [
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full border border-blue-500/50 bg-blue-500/20" }), /* @__PURE__ */ e("span", {
				className: "text-muted-foreground",
				children: "Start"
			})]
		}),
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ t("div", {
				className: "relative h-3 w-3",
				children: [/* @__PURE__ */ e("span", { className: "bg-primary absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ e("span", { className: "bg-primary border-background ring-primary/30 relative inline-flex h-3 w-3 rounded-full border-2 ring-1" })]
			}), /* @__PURE__ */ e("span", {
				className: "text-foreground font-semibold",
				children: "Current"
			})]
		}),
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full border border-green-500/50 bg-green-500/20" }), /* @__PURE__ */ e("span", {
				className: "text-muted-foreground",
				children: "End"
			})]
		}),
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ e("div", { className: "border-border bg-muted/50 h-3 w-3 rounded-full border" }), /* @__PURE__ */ e("span", {
				className: "text-muted-foreground",
				children: "Visited"
			})]
		}),
		/* @__PURE__ */ e("div", { className: "bg-border mx-2 h-4 w-px" }),
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ e("div", { className: "bg-primary h-0.5 w-4 rounded" }), /* @__PURE__ */ e("span", {
				className: "text-muted-foreground",
				children: "Executed"
			})]
		}),
		/* @__PURE__ */ t("div", {
			className: "flex items-center gap-2",
			children: [/* @__PURE__ */ e("div", { className: "border-muted-foreground/60 h-0.5 w-4 rounded border-t border-dashed" }), /* @__PURE__ */ e("span", {
				className: "text-muted-foreground",
				children: "Potential"
			})]
		})
	]
});
//#endregion
export { n as default };
