@undermuz/react-json-form/dist/components/JsonFormComponents.mjs

Generate JSON-based forms with react

// src/components/JsonFormComponents.tsx
import { useJsonFormUi } from "../contexts/ui.mjs";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
var JsonFormComponent = (props) => {
  const {
    id,
    title,
    level = 1,
    header = null,
    multiple = false,
    primary = true,
    children
  } = props;
  const Ui = useJsonFormUi();
  if (!Ui?.Container || !Ui?.Header || !Ui?.Body) {
    return /* @__PURE__ */ jsxs(Fragment, { children: [
      header,
      children
    ] });
  }
  return /* @__PURE__ */ jsxs(Ui.Container, { children: [
    /* @__PURE__ */ jsx(Ui.Header, { id, primary, level, title, children: header }),
    /* @__PURE__ */ jsx(Ui.Body, { primary, level, multiple, children })
  ] });
};
export {
  JsonFormComponent
};