import { _ as e } from "./lodash-b5661970.js";
import { a8 as o, cW as r, cX as t, cY as i } from "./index-f927b013.js";
import { useContext as s } from "react";
import { u as m } from "./styled-components-7cfa37e6.js";
import { lz as a } from "./ant-design-icons-6bfdc7d5.js";
import "./alasql-f60045ee.js";
import "./axios-04f95181.js";
import "./redux-devtools-8dd21e4f.js";
import "./antd-2abdded3.js";
import "react-dom";
import "./dayjs-2035e031.js";
import "./fontawesome-3904a214.js";
import "./dnd-kit-8227a2db.js";
import "./moment-059406e8.js";
import "./numbro-47982265.js";
import "./papaparse-07642d76.js";
import "./uuid-bd83cae2.js";
import "./supabase-b2e314d0.js";
import "./fetch-648a91f6.js";
import "./react-draggable-ed505bfc.js";
import "./remark-gfm-18306abe.js";
import "./buffer-d3713d77.js";
import "./rehype-raw-6ebcba88.js";
import "./parse5-f837f753.js";
import "./rehype-sanitize-953d0761.js";
import "./simplebar-react-2133d981.js";
import "./react-best-gradient-color-picker-92c01739.js";
import "./ua-parser-js-c952c07b.js";
import "./clsx-469c2c43.js";
import "./loglevel-b4003767.js";
import "./file-saver-55285fc1.js";
import "./codemirror-8412b963.js";
import "./really-relaxed-json-056be70b.js";
import "./immer-c0428a8d.js";
import "./hotkeys-js-699906bc.js";
import "./cnchar-e1339167.js";
import "./react-documents-041601c7.js";
import "./react-sortable-hoc-4fbe0c32.js";
import "./sql-formatter-577b4ab0.js";
import "./rc-trigger-3f038851.js";
import "./react-json-view-5330ce92.js";
import "./qrcode-react-d377d762.js";
const p = m.div`
  background-color: ${(e2) => e2.$bgColor};
  max-width: ${(e2) => e2.$maxWidth}px;
  min-height: ${(e2) => e2.$minHeight};
  display: flex;
  flex-direction: column;

  > div {
    margin-bottom: 2px;
  }
`, n = m.div`
  position: relative;
`;
function c(m2) {
  var _a;
  const c2 = m2.layout, { selectable: j, minHeight: l, maxWidth: d } = m2, h = s(o), g = (((_a = s(r)) == null ? void 0 : _a.theme) || t).canvas;
  return a(p, { $bgColor: g, $maxWidth: d, $minHeight: l, children: c2.map((o2, r2) => {
    const t2 = m2.items[o2.i];
    return t2 ? a(n, { children: a(i, { compType: t2.compType, isSelectable: j, isDraggable: false, isResizable: false, resizeIconSize: "normal", onInnerResize: e.noop, onWrapperResize: e.noop, nameConfig: { show: true, name: t2.name, pos: 0 === r2 ? "bottom" : "top" }, autoHeight: false, resizeHandles: [], isSelected: h.selectedCompNames.has(t2.name), onClick: () => {
      h.setSelectedCompNames(/* @__PURE__ */ new Set([t2.name]));
    }, hidden: t2.hidden, children: t2.view }) }, t2.name) : null;
  }) });
}
export {
  c as FlowContainerView
};
