import { a0 as e, bP as d, bK as u, bd as b, cK as y, cL as c, bB as p, fj as m, bO as v, bb as C, bf as V, P as a, bh as s, bi as l, bj as i, bg as r, V as t, bk as h, bl as S } from "./684d2f28.js";
import { useContext as n } from "react";
import { SelectInputValidationChildren as f, SelectInputValidationSection as w } from "./1312a48b.js";
import { formDataChildren as g, FormDataPropertyView as P } from "./00dac55d.js";
import "react-dom";
import "./d6402597.js";
const x = [{
  label: e("radio.horizontal"),
  value: "horizontal"
}, {
  label: e("radio.vertical"),
  value: "vertical"
}, {
  label: e("radio.autoColumns"),
  value: "auto_columns"
}], D = {
  defaultValue: d("value"),
  value: d("value"),
  label: u,
  disabled: b,
  onEvent: y,
  options: c,
  style: p(m),
  labelStyle: p(v),
  layout: C(x, "horizontal"),
  viewRef: V,
  ...f,
  ...g
}, I = (o) => /* @__PURE__ */ a(s, {
  children: [/* @__PURE__ */ a(l, {
    name: i.basic,
    children: [o.options.propertyView({}), o.defaultValue.propertyView({
      label: e("prop.defaultValue")
    })]
  }), ["logic", "both"].includes(n(r).editorModeStatus) && /* @__PURE__ */ a(s, {
    children: [/* @__PURE__ */ t(w, {
      ...o
    }), /* @__PURE__ */ t(P, {
      ...o
    }), /* @__PURE__ */ a(l, {
      name: i.interaction,
      children: [o.onEvent.getPropertyView(), h(o), S(o)]
    })]
  }), ["layout", "both"].includes(n(r).editorModeStatus) && /* @__PURE__ */ t(l, {
    name: i.layout,
    children: o.layout.propertyView({
      label: e("radio.options"),
      tooltip: /* @__PURE__ */ a("div", {
        style: {
          display: "flex",
          flexDirection: "column",
          gap: "8px"
        },
        children: [/* @__PURE__ */ t("div", {
          children: e("radio.horizontalTooltip")
        }), /* @__PURE__ */ t("div", {
          children: e("radio.verticalTooltip")
        }), /* @__PURE__ */ t("div", {
          children: e("radio.autoColumnsTooltip")
        })]
      })
    })
  }), ["layout", "both"].includes(n(r).editorModeStatus) && o.label.getPropertyView(), ["layout", "both"].includes(n(r).editorModeStatus) && /* @__PURE__ */ a(s, {
    children: [/* @__PURE__ */ t(l, {
      name: i.style,
      children: o.style.getPropertyView()
    }), /* @__PURE__ */ t(l, {
      name: i.labelStyle,
      children: o.labelStyle.getPropertyView()
    })]
  })]
});
export {
  D as RadioChildrenMap,
  x as RadioLayoutOptions,
  I as RadioPropertyView
};
