import { Fragment } from "react";
import { jsx } from "../node_modules/.pnpm/@emotion_react@11.10.4_q4mq7tnhdumujvomvw24zx33y4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
import "../lib/useAppState.js";
import "../components/Tabs.js";
import { Tables } from "../components/Tables.js";
const controls = {
  "table": Tables
};
const Component = ({
  type,
  ...props
}) => {
  if (!type)
    return null;
  const ControlComponent = controls[type];
  const component = /* @__PURE__ */ jsx(ControlComponent, {
    ...props
  });
  return /* @__PURE__ */ jsx("div", {
    className: "formRow",
    children: component
  });
};
const PageContent = (props) => {
  const {
    components
  } = props;
  const items = (components == null ? void 0 : components.map((item, index) => {
    return /* @__PURE__ */ jsx(Component, {
      ...item
    }, index);
  })) || null;
  return /* @__PURE__ */ jsx(Fragment, {
    children: /* @__PURE__ */ jsx("div", {
      className: props.className,
      children: items
    })
  });
};
export {
  PageContent
};
//# sourceMappingURL=Content.js.map
