"use client";
import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { ColorControl as r } from "../../../components/controls/color.control.js";
import { TextShadowControl as m } from "../../../components/controls/text-shadow.control.js";
import { TypographyControl as c } from "../../../components/controls/typography.control.js";
import { SelectControl as d } from "../../../components/controls/select.control.js";
import { TextStrokeControl as p } from "../../../components/controls/text-stroke.control.js";
import { Accordion as n } from "../../../components/shared/accordion.js";
import { Unit as o, PseudoClass as a } from "../../../types/style.js";
import { SettingsType as t } from "../../../types/index.js";
import { SpacingControl as i } from "../../../components/controls/spacing.control.js";
const x = () => /* @__PURE__ */ e(n, { defaultValue: "General", type: "single", collapsible: !0, children: /* @__PURE__ */ l(n.Item, { value: "General", children: [
  /* @__PURE__ */ e(n.Trigger, { className: "p-4", children: "General" }),
  /* @__PURE__ */ l(n.Content, { className: "px-4", children: [
    /* @__PURE__ */ e(
      i,
      {
        type: t.BLOCK,
        fieldName: "margin",
        label: "Margin",
        responsive: !0,
        className: "mt-0",
        units: [o.PX, o.REM, o.EM, o.PERCENTAGE]
      }
    ),
    /* @__PURE__ */ e(
      i,
      {
        type: t.BLOCK,
        fieldName: "padding",
        label: "Padding",
        responsive: !0,
        units: [o.PX, o.REM, o.EM, o.PERCENTAGE]
      }
    ),
    /* @__PURE__ */ e(
      r,
      {
        type: t.BLOCK,
        fieldName: "textColor",
        mode: a.DEFAULT
      }
    ),
    /* @__PURE__ */ e(
      r,
      {
        label: "Background Color",
        type: t.BLOCK,
        fieldName: "backgroundColor",
        mode: a.DEFAULT
      }
    ),
    /* @__PURE__ */ e(c, { fieldName: "typography", type: t.BLOCK }),
    /* @__PURE__ */ e(p, { type: t.BLOCK, fieldName: "textStroke", label: "Text Stroke" }),
    /* @__PURE__ */ e(m, { type: t.BLOCK }),
    /* @__PURE__ */ e(
      d,
      {
        options: [
          { content: "Normal", value: "normal" },
          { content: "Screen", value: "screen" },
          { content: "Overlay", value: "overlay" },
          { content: "Darken", value: "darken" },
          { content: "Lighten", value: "lighten" },
          { content: "Color Dodge", value: "color-dodge" },
          { content: "Saturation", value: "saturation" },
          { content: "Color", value: "color" },
          { content: "Difference", value: "difference" },
          { content: "Exclusion", value: "exclusion" },
          { content: "Hue", value: "hue" },
          { content: "Luminosity", value: "luminosity" }
        ],
        type: t.BLOCK,
        fieldName: "blendMode.desktop",
        label: "Blend Mode"
      }
    )
  ] })
] }) });
export {
  x as default
};
//# sourceMappingURL=heading-style.control.js.map
