import { jsxs as n, jsx as a } from "react/jsx-runtime";
import { a as m } from "./index.CfQlFjZU.js";
import { l as u } from "./index.C1ZfizMq.js";
import { n as p } from "./index.B0wX8xO7.js";
import { c as h } from "./index.CfM2L_w0.js";
import { R as d } from "./Radio.DnaTGKef.js";
const v = "creator_group_yTnsM", _ = "creator_horizontal_iyPrG", f = "creator_vertical_X8uZ7", R = "creator_label_9vw9h", e = { group: v, horizontal: _, vertical: f, label: R }, z = ({
  orientation: r = "horizontal",
  options: t,
  name: o,
  label: l,
  selected: s,
  onSelected: c
}) => ({
  className: h(e.group, {
    [e.horizontal]: r === "horizontal",
    [e.vertical]: r === "vertical"
  }),
  options: t,
  label: l,
  name: o,
  selected: s,
  onSelected: c
}), g = ({
  className: r,
  options: t,
  label: o,
  name: l,
  selected: s,
  onSelected: c
}) => /* @__PURE__ */ n("fieldset", { className: r, children: [
  /* @__PURE__ */ a(
    p,
    {
      value: o,
      then: /* @__PURE__ */ a("legend", { className: e.label, children: o })
    }
  ),
  /* @__PURE__ */ a(
    u,
    {
      values: t,
      layout: (i) => /* @__PURE__ */ a(
        d,
        {
          ...i,
          name: l,
          selected: s,
          onChecked: () => c(i.value)
        },
        i.value
      )
    }
  )
] }), w = m(g, z);
export {
  w as R
};
