"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');

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

exports.WorkflowPreviewCanvas = WorkflowPreviewCanvas;
//# sourceMappingURL=workflow-preview-canvas.js.map
//# sourceMappingURL=workflow-preview-canvas.js.map