"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { Check, Play, Pause, Circle } from "lucide-react";
import { useT } from "@open-mercato/shared/lib/i18n/context";
function WorkflowLegend() {
  const t = useT();
  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs("div", { children: [
      /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-foreground mb-3", children: t("workflows.legend.statusTitle") }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-4 h-4 rounded-full bg-emerald-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-emerald-600" }) }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.status.completed") })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-4 h-4 rounded-full bg-blue-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(Play, { className: "w-3 h-3 text-blue-600" }) }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.status.inProgress") })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-4 h-4 rounded-full bg-yellow-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(Pause, { className: "w-3 h-3 text-yellow-600" }) }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.status.pending") })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-4 h-4 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "w-3 h-3 text-muted-foreground" }) }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.status.notStarted") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { children: [
      /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-foreground mb-3", children: t("workflows.legend.edgeStatesTitle") }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-8 h-0.5 bg-emerald-500" }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.edgeState.completed") })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-8 h-0.5 bg-muted-foreground", style: { backgroundImage: "repeating-linear-gradient(to right, currentColor 0, currentColor 4px, transparent 4px, transparent 8px)" } }),
          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.edgeState.pending") })
        ] })
      ] })
    ] })
  ] });
}
export {
  WorkflowLegend
};
//# sourceMappingURL=WorkflowLegend.js.map
