"use client";
import { jsx, jsxs } from 'react/jsx-runtime';

// src/astrlabe/workflow-preview-canvas.tsx
function WorkflowPreviewCanvas({ graph, className }) {
  return /* @__PURE__ */ jsx("div", { className, style: { overflow: "auto", padding: 12 }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 10 }, children: graph.nodes.map((node) => /* @__PURE__ */ jsxs(
    "div",
    {
      style: {
        border: "1px solid #cbd5e1",
        borderRadius: 10,
        padding: "10px 12px",
        background: "#fff"
      },
      children: [
        /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#64748b", textTransform: "uppercase" }, children: node.type }),
        /* @__PURE__ */ jsx("div", { style: { fontSize: 14, fontWeight: 600 }, children: node.data?.label || node.id })
      ]
    },
    node.id
  )) }) });
}

export { WorkflowPreviewCanvas };
//# sourceMappingURL=workflow-preview-canvas.mjs.map
//# sourceMappingURL=workflow-preview-canvas.mjs.map