"use client";
import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
import { FlexGapControl as m } from "../../controls/flex-gap.control.js";
import { SliderUnitControl as a } from "../../controls/slider-unit.control.js";
import { SpacingControl as s } from "../../controls/spacing.control.js";
import { Accordion as i } from "../../shared/accordion.js";
import { ThemeSettingsType as p, SettingsType as r } from "../../../types/index.js";
import { Unit as o } from "../../../types/style.js";
import { FiX as d } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
import { TfiLayout as c } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/tfi/index.js";
const T = ({ setCurrentSetting: n }) => /* @__PURE__ */ t(l, { children: [
  /* @__PURE__ */ t("div", { className: "flex items-center justify-between border-b p-4", children: [
    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
      /* @__PURE__ */ e(c, {}),
      "Layout"
    ] }),
    /* @__PURE__ */ e(
      "button",
      {
        className: "text-slate-600 hover:text-slate-900",
        onClick: () => n(p.GLOBAL),
        children: /* @__PURE__ */ e(d, { size: 16 })
      }
    )
  ] }),
  /* @__PURE__ */ e(i, { defaultValue: ["button", "type"], type: "multiple", children: /* @__PURE__ */ t(i.Item, { value: "button", children: [
    /* @__PURE__ */ e(i.Trigger, { className: "px-4", children: "Container" }),
    /* @__PURE__ */ t(i.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        a,
        {
          className: "mt-0",
          fieldName: "layout.container.width",
          type: r.THEME,
          label: "Width",
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        a,
        {
          fieldName: "layout.container.maxWidth",
          type: r.THEME,
          label: "Max Width",
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        s,
        {
          fieldName: "layout.container.padding",
          type: r.THEME,
          label: "Padding",
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        m,
        {
          responsive: !0,
          label: "Gaps",
          fieldName: "layout.container.gap",
          type: r.THEME,
          min: 0,
          units: [o.PX, o.EM, o.REM, o.VW]
        }
      )
    ] })
  ] }) })
] });
export {
  T as default
};
//# sourceMappingURL=theme-layout-settings.js.map
