import { jsx as t } from "react/jsx-runtime";
import { ToggleGroupControl as l } from "../../../../components/controls/toggle-group.control.js";
import { CgPushLeft as i, CgPushRight as a } from "../../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/cg/index.js";
import { MdVerticalAlignCenter as g } from "../../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/md/index.js";
const p = ({ type: e, fieldName: o, className: r }) => /* @__PURE__ */ t(
  l,
  {
    type: e,
    fieldName: o,
    label: "Vertical Position",
    className: r,
    defaultValue: "center",
    controls: [
      {
        tooltipContent: "Top",
        toggleTrigger: /* @__PURE__ */ t(i, { className: "rotate-90 text-sm" }),
        value: "start"
      },
      {
        tooltipContent: "Middle",
        toggleTrigger: /* @__PURE__ */ t(g, { className: "text-sm" }),
        value: "center"
      },
      {
        tooltipContent: "Bottom",
        toggleTrigger: /* @__PURE__ */ t(a, { className: "rotate-90 text-sm" }),
        value: "end"
      }
    ]
  }
);
export {
  p as default
};
//# sourceMappingURL=slide-vertical-position.control.js.map
