import { K as a, H as p, j as t, b4 as r } from "./index-b203ecbb.js";
import { P as l } from "./index-56e81c67.js";
import "react";
import "react-dom";
const o = a`
  padding: 0px 16px;
  width: 100%;
`, c = a`
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
`;
a`
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
`;
const g = (i) => {
  const { childrenSetter: e, widgetDisplayName: n, labelName: d } = i;
  return /* @__PURE__ */ p("div", { css: o, children: [
    /* @__PURE__ */ t("div", { css: c, children: /* @__PURE__ */ t(l, { labelName: d }) }),
    e == null ? void 0 : e.map((s) => /* @__PURE__ */ t(
      r,
      {
        config: s,
        displayName: n ?? "",
        parentAttrName: ""
      },
      `${s.id}-${n}`
    ))
  ] });
};
export {
  g as default
};
//# sourceMappingURL=index-97148a1b.js.map
