"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const React = require("react");
const emotionReactJsxRuntime_browser_esm = require("../../node_modules/.pnpm/@emotion_react@11.10.4_q4mq7tnhdumujvomvw24zx33y4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");
require("../../lib/useAppState.js");
require("../../components/Tabs.js");
const PageTile = require("../../page/PageTile.js");
require("react-hot-toast");
require("../../node_modules/.pnpm/react-sortablejs@6.1.4_pkvhgat2fktt3g4eqjjiisgkie/node_modules/react-sortablejs/dist/index.js");
require("./Form.js");
require("../../tailwind.js");
require("../../lib/AppContext.js");
function UiForm({
  Form,
  children,
  contentClassName,
  header,
  ...props
}) {
  const [form] = Form.useForm();
  return /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsxs(Form, {
    form,
    ...props,
    children: [header && /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx(PageTile.PageTile, {
      ...header
    }), /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx("div", {
      className: contentClassName || "",
      children: React.Children.map(children, (child) => {
        return child.props.name ? React.createElement(child.type, {
          ...{
            ...child.props,
            layout: props.layout,
            key: child.props.name
          }
        }) : child;
      })
    })]
  });
}
exports.UiForm = UiForm;
//# sourceMappingURL=UiForm.js.map
