import { j as e } from "../../../../../../../_virtual/jsx-runtime.js";
import "react";
import "../../../../../../../node_modules/.pnpm/@formkit_auto-animate@0.8.2/node_modules/@formkit/auto-animate/index.js";
import "../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.0-canary-3d9b20132-20240124_react@18.3.0-canary-3d_c02c1e17bf76c343fd22d1f22394ecf5/node_modules/react-hot-toast/dist/index.js";
import { fieldLabel as i } from "../form-class.js";
import { FieldTitle as j } from "../field-factory.js";
import { Root as o, Trigger as t, Content as n, Group as c, Item as d } from "../../../../../../../node_modules/.pnpm/@radix-ui_themes@3.1.4_@types_react-dom@18.3.6_@types_react@18.3.3__@types_react@18.3.3_46b1dabc193c5ff5696ee783983c694e/node_modules/@radix-ui/themes/dist/esm/components/select.js";
const b = (p) => {
  const { currentValue: s, onChange: x, title: h, description: g, placeholder: m, schema: l } = p, r = (a) => x({ ...s, ...a });
  return /* @__PURE__ */ e.jsxs("div", { className: "border-field", children: [
    /* @__PURE__ */ e.jsx(j, { title: h, description: g }),
    /* @__PURE__ */ e.jsxs("div", { className: "flex items-start flex-wrap gap-x-4 gap-y-1", children: [
      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
        /* @__PURE__ */ e.jsx("label", { className: i, children: "Horizontal padding" }),
        /* @__PURE__ */ e.jsxs(
          o,
          {
            defaultValue: s.horizontal,
            size: "2",
            onValueChange: (a) => r({ horizontal: a }),
            children: [
              /* @__PURE__ */ e.jsx(t, { radius: "large", variant: "ghost" }),
              /* @__PURE__ */ e.jsx(n, { position: "popper", children: /* @__PURE__ */ e.jsx(c, { children: l.properties.horizontal.anyOf.map((a) => /* @__PURE__ */ e.jsx(d, { value: a.const, children: a.title }, a.const)) }) })
            ]
          }
        )
      ] }),
      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
        /* @__PURE__ */ e.jsx("label", { className: i, children: "Vertical padding" }),
        /* @__PURE__ */ e.jsxs(
          o,
          {
            defaultValue: s.vertical,
            size: "2",
            onValueChange: (a) => r({ vertical: a }),
            children: [
              /* @__PURE__ */ e.jsx(t, { radius: "large", variant: "ghost" }),
              /* @__PURE__ */ e.jsx(n, { position: "popper", children: /* @__PURE__ */ e.jsx(c, { children: l.properties.vertical.anyOf.map((a) => /* @__PURE__ */ e.jsx(d, { value: a.const, children: a.title }, a.const)) }) })
            ]
          }
        )
      ] })
    ] })
  ] });
};
export {
  b as PagePaddingField
};
//# sourceMappingURL=padding.js.map
