"use client";
import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { IconControl as p } from "../../../components/controls/icon.control.js";
import { InputControl as l } from "../../../components/controls/input.control.js";
import { MediaControl as d } from "../../../components/controls/media.control.js";
import { SwitchControl as n } from "../../../components/controls/switch.control.js";
import { ToggleGroupControl as s } from "../../../components/controls/toggle-group.control.js";
import { Accordion as o } from "../../../components/shared/accordion.js";
import { Label as a } from "../../../components/shared/label.js";
import { Separator as m } from "../../../components/shared/separator.js";
import { SettingsType as t } from "../../../types/index.js";
import { GoSidebarExpand as i } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/go/index.js";
import { MdAlignHorizontalLeft as g, MdOutlineAlignHorizontalCenter as c, MdAlignHorizontalRight as u } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/md/index.js";
const T = () => /* @__PURE__ */ r(o, { defaultValue: "Button", type: "single", collapsible: !0, children: [
  /* @__PURE__ */ r(o.Item, { value: "Button", children: [
    /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Button" }),
    /* @__PURE__ */ r(o.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(a, { className: "font-semibold", children: "Text" }),
      /* @__PURE__ */ e(
        n,
        {
          label: "Show",
          fieldName: "button.text.show",
          type: t.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        l,
        {
          label: "Content",
          fieldName: "button.text.content",
          type: t.BLOCK,
          isLocalized: !0
        }
      ),
      /* @__PURE__ */ e(
        l,
        {
          label: "Order",
          fieldName: "button.text.order",
          type: t.BLOCK,
          responsive: !0,
          inputProps: {
            type: "number"
          }
        }
      ),
      /* @__PURE__ */ e(m, { className: "my-4" }),
      /* @__PURE__ */ e(a, { className: "font-semibold", children: "Icon" }),
      /* @__PURE__ */ e(
        n,
        {
          label: "Show",
          fieldName: "button.icon.show",
          type: t.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(p, { label: "Icon", fieldName: "button.icon", type: t.BLOCK }),
      /* @__PURE__ */ e(
        l,
        {
          label: "Order",
          fieldName: "button.icon.order",
          type: t.BLOCK,
          responsive: !0,
          inputProps: {
            type: "number"
          }
        }
      ),
      /* @__PURE__ */ e(m, { className: "my-4" }),
      /* @__PURE__ */ e(a, { className: "font-semibold", children: "Image" }),
      /* @__PURE__ */ e(
        n,
        {
          label: "Show",
          fieldName: "button.image.show",
          type: t.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(d, { label: "Media", fieldName: "button.image.media", type: t.BLOCK }),
      /* @__PURE__ */ e(
        l,
        {
          label: "Order",
          fieldName: "button.image.order",
          type: t.BLOCK,
          responsive: !0,
          inputProps: {
            type: "number"
          }
        }
      )
    ] })
  ] }),
  /* @__PURE__ */ r(o.Item, { value: "Content", children: [
    /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Content" }),
    /* @__PURE__ */ r(o.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        s,
        {
          type: t.BLOCK,
          fieldName: "content.side",
          label: "Side",
          className: "mt-0",
          responsive: !0,
          controls: [
            {
              tooltipContent: "Top",
              toggleTrigger: /* @__PURE__ */ e(i, { className: "rotate-90 text-sm" }),
              value: "top"
            },
            {
              tooltipContent: "Right",
              toggleTrigger: /* @__PURE__ */ e(i, { className: "rotate-180 text-sm" }),
              value: "right"
            },
            {
              tooltipContent: "Bottom",
              toggleTrigger: /* @__PURE__ */ e(i, { className: "-rotate-90 text-sm" }),
              value: "bottom"
            },
            {
              tooltipContent: "Left",
              toggleTrigger: /* @__PURE__ */ e(i, { className: "text-sm" }),
              value: "left"
            }
          ]
        }
      ),
      /* @__PURE__ */ e(
        l,
        {
          label: "Side Offset",
          fieldName: "content.sideOffset",
          type: t.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        s,
        {
          type: t.BLOCK,
          fieldName: "content.align",
          label: "Align",
          className: "mt-4",
          responsive: !0,
          controls: [
            {
              tooltipContent: "Start",
              toggleTrigger: /* @__PURE__ */ e(g, { className: "text-sm" }),
              value: "start"
            },
            {
              tooltipContent: "Center",
              toggleTrigger: /* @__PURE__ */ e(c, { className: "rotate-90 text-sm" }),
              value: "center"
            },
            {
              tooltipContent: "End",
              toggleTrigger: /* @__PURE__ */ e(u, { className: "text-sm" }),
              value: "end"
            }
          ]
        }
      ),
      /* @__PURE__ */ e(
        l,
        {
          label: "Align Offset",
          fieldName: "content.alignOffset",
          type: t.BLOCK,
          responsive: !0,
          inputProps: {
            type: "number"
          }
        }
      ),
      /* @__PURE__ */ e(
        n,
        {
          label: "Avoid Collisions",
          fieldName: "content.avoidCollisions",
          type: t.BLOCK,
          responsive: !0
        }
      )
    ] })
  ] })
] });
export {
  T as default
};
//# sourceMappingURL=dropdown-content.control.js.map
