"use client";
import { jsx as e, jsxs as n } from "react/jsx-runtime";
import { Accordion as l } from "../../../components/shared/accordion.js";
import { Separator as i } from "../../../components/shared/separator.js";
import { LinkControl as a } from "../../../components/controls/link.control.js";
import { SelectControl as o } from "../../../components/controls/select.control.js";
import { ToggleGroupControl as r } from "../../../components/controls/toggle-group.control.js";
import { AiOutlineAlignLeft as m, AiOutlineAlignCenter as s, AiOutlineAlignRight as g } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
import { TfiAlignJustify as p } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/tfi/index.js";
import { TextareaControl as u } from "../../../components/controls/textarea.control.js";
import { SettingsType as t } from "../../../types/index.js";
const y = () => /* @__PURE__ */ e(l, { defaultValue: "General", type: "single", collapsible: !0, children: /* @__PURE__ */ n(l.Item, { value: "General", children: [
  /* @__PURE__ */ e(l.Trigger, { className: "p-4", children: "General" }),
  /* @__PURE__ */ n(l.Content, { className: "px-4", children: [
    /* @__PURE__ */ e(
      u,
      {
        type: t.BLOCK,
        fieldName: "title",
        label: "Title",
        className: "mt-0",
        isLocalized: !0
      }
    ),
    /* @__PURE__ */ e(i, { className: "my-4" }),
    /* @__PURE__ */ e(a, { type: t.BLOCK }),
    /* @__PURE__ */ e(
      o,
      {
        responsive: !0,
        options: [
          { content: "Small", value: "sm" },
          { content: "Medium", value: "md" },
          { content: "Large", value: "lg" },
          { content: "XL", value: "xl" },
          { content: "XXL", value: "xxl" }
        ],
        type: t.BLOCK,
        fieldName: "size",
        label: "Size"
      }
    ),
    /* @__PURE__ */ e(
      o,
      {
        options: [
          { content: "H1", value: "h1" },
          { content: "H2", value: "h2" },
          { content: "H3", value: "h3" },
          { content: "H4", value: "h4" },
          { content: "H5", value: "h5" },
          { content: "H6", value: "h6" },
          { content: "div", value: "div" },
          { content: "span", value: "span" },
          { content: "p", value: "p" }
        ],
        type: t.BLOCK,
        fieldName: "htmlTag",
        label: "HTML Tag"
      }
    ),
    /* @__PURE__ */ e(
      r,
      {
        type: t.BLOCK,
        fieldName: "alignment",
        label: "Alignment",
        responsive: !0,
        controls: [
          {
            tooltipContent: "Left",
            toggleTrigger: /* @__PURE__ */ e(m, { className: "text-sm" }),
            value: "left"
          },
          {
            tooltipContent: "Center",
            toggleTrigger: /* @__PURE__ */ e(s, { className: "text-sm" }),
            value: "center"
          },
          {
            tooltipContent: "Right",
            toggleTrigger: /* @__PURE__ */ e(g, { className: "text-sm" }),
            value: "right"
          },
          {
            tooltipContent: "Justified",
            toggleTrigger: /* @__PURE__ */ e(p, { className: "text-sm" }),
            value: "justify"
          }
        ]
      }
    )
  ] })
] }) });
export {
  y as default
};
//# sourceMappingURL=heading-content.control.js.map
