"use client";
import { jsx as t, jsxs as l } from "react/jsx-runtime";
import { InputControl as r } from "../../../components/controls/input.control.js";
import { LinkControl as i } from "../../../components/controls/link.control.js";
import { ToggleGroupControl as n } from "../../../components/controls/toggle-group.control.js";
import { Accordion as e } from "../../../components/shared/accordion.js";
import { SettingsType as o } from "../../../types/index.js";
import { AiOutlineAlignLeft as m, AiOutlineAlignCenter as s, AiOutlineAlignRight as a } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
import { TfiAlignJustify as g } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/tfi/index.js";
import p from "./button-preset.control.js";
import u from "./button-size.control.js";
const L = () => /* @__PURE__ */ t(e, { defaultValue: "Button", type: "single", collapsible: !0, children: /* @__PURE__ */ l(e.Item, { value: "Button", children: [
  /* @__PURE__ */ t(e.Trigger, { className: "p-4", children: "Button" }),
  /* @__PURE__ */ l(e.Content, { className: "px-4", children: [
    /* @__PURE__ */ t(
      r,
      {
        type: o.BLOCK,
        fieldName: "text",
        label: "Text",
        className: "mt-0",
        isLocalized: !0
      }
    ),
    /* @__PURE__ */ t(p, { fieldName: "presetId", label: "Type", type: o.BLOCK }),
    /* @__PURE__ */ t(i, { type: o.BLOCK }),
    /* @__PURE__ */ t(
      n,
      {
        type: o.BLOCK,
        fieldName: "alignment",
        label: "Alignment",
        responsive: !0,
        controls: [
          {
            tooltipContent: "Left",
            toggleTrigger: /* @__PURE__ */ t(m, { className: "text-sm" }),
            value: "left"
          },
          {
            tooltipContent: "Center",
            toggleTrigger: /* @__PURE__ */ t(s, { className: "text-sm" }),
            value: "center"
          },
          {
            tooltipContent: "Right",
            toggleTrigger: /* @__PURE__ */ t(a, { className: "text-sm" }),
            value: "right"
          },
          {
            tooltipContent: "Justified",
            toggleTrigger: /* @__PURE__ */ t(g, { className: "text-sm" }),
            value: "justify"
          }
        ]
      }
    ),
    /* @__PURE__ */ t(u, {})
  ] })
] }) });
export {
  L as default
};
//# sourceMappingURL=button-content.control.js.map
