import { O as a } from "./f6893ddd.js";
import { H as t, ad as m } from "./56c67d3b.js";
import "react";
import "./c57f24d6.js";
import "./5f1c844f.js";
import "./38d8a151.js";
import "./be290860.js";
import "./3ebea0a4.js";
import "./58aaa138.js";
import "react-dom";
import "./2ca8b68a.js";
import "./68aff0fe.js";
import "./a035a58e.js";
import "./6bf41a33.js";
import "./fb53fa7f.js";
import "./d55ed660.js";
import "./e2effbbc.js";
const H = (o) => {
  const {
    schema: r,
    uiSchema: e,
    children: i,
    ...p
  } = o;
  switch (r.type) {
    case "Group":
      return /* @__PURE__ */ m("div", {
        style: {
          border: "1px solid #ccc",
          padding: "15px",
          marginBottom: "10px"
        },
        children: [/* @__PURE__ */ t("h3", {
          children: r.label || "Group"
        }), i]
      });
    case "HorizontalLayout":
      return /* @__PURE__ */ t("div", {
        style: {
          display: "flex",
          gap: "10px"
        },
        children: i
      });
    case "VerticalLayout":
      return /* @__PURE__ */ t("div", {
        style: {
          display: "flex",
          flexDirection: "column",
          gap: "10px"
        },
        children: i
      });
    default:
      return /* @__PURE__ */ t(a, {
        schema: r,
        uiSchema: e,
        ...p
      });
  }
};
export {
  H as LayoutFieldTemplate,
  H as default
};
