"use client";
import { jsxs as o, jsx as e } from "react/jsx-runtime";
import { BackgroundControl as d } from "../../../../components/controls/background.control.js";
import { BorderControl as i } from "../../../../components/controls/border.control.js";
import { BoxShadowControl as m } from "../../../../components/controls/box-shadow.control.js";
import { SliderInputControl as s } from "../../../../components/controls/slider-input.control.js";
import { SpacingControl as u } from "../../../../components/controls/spacing.control.js";
import { Accordion as a } from "../../../../components/shared/accordion.js";
import { Tabs as r } from "../../../../components/shared/tabs.js";
import { SettingsType as t } from "../../../../types/index.js";
import { Unit as n, PseudoClass as l } from "../../../../types/style.js";
function T() {
  return /* @__PURE__ */ o(a, { defaultValue: "Layout", type: "single", collapsible: !0, className: "mt-0 w-full", children: [
    /* @__PURE__ */ o(a.Item, { value: "Layout", children: [
      /* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Layout" }),
      /* @__PURE__ */ o(a.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          u,
          {
            type: t.BLOCK,
            fieldName: "margin",
            label: "Margin",
            responsive: !0,
            className: "mt-0",
            units: [n.PX, n.REM, n.EM, n.PERCENTAGE]
          }
        ),
        /* @__PURE__ */ e(
          u,
          {
            type: t.BLOCK,
            fieldName: "padding",
            label: "Padding",
            responsive: !0,
            units: [n.PX, n.REM, n.EM, n.PERCENTAGE]
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ o(a.Item, { value: "Background", children: [
      /* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Background" }),
      /* @__PURE__ */ e(a.Content, { className: "mt-0 px-4", children: /* @__PURE__ */ o(r, { defaultValue: l.DEFAULT, children: [
        /* @__PURE__ */ o(r.List, { className: "h-8 w-full rounded-full", children: [
          /* @__PURE__ */ e(
            r.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: l.DEFAULT,
              children: "Normal"
            }
          ),
          /* @__PURE__ */ e(
            r.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: l.HOVER,
              children: "Hover"
            }
          )
        ] }),
        /* @__PURE__ */ e(r.Content, { value: l.DEFAULT, children: /* @__PURE__ */ e(
          d,
          {
            fieldName: "background",
            mode: l.DEFAULT,
            type: t.BLOCK
          }
        ) }),
        /* @__PURE__ */ e(r.Content, { value: l.HOVER, children: /* @__PURE__ */ e(
          d,
          {
            fieldName: "background",
            mode: l.HOVER,
            type: t.BLOCK
          }
        ) })
      ] }) })
    ] }),
    /* @__PURE__ */ o(a.Item, { value: "Border", children: [
      /* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Border" }),
      /* @__PURE__ */ e(a.Content, { className: "mt-0 px-4", children: /* @__PURE__ */ o(r, { defaultValue: l.DEFAULT, children: [
        /* @__PURE__ */ o(r.List, { className: "h-8 w-full rounded-full", children: [
          /* @__PURE__ */ e(
            r.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: l.DEFAULT,
              children: "Normal"
            }
          ),
          /* @__PURE__ */ e(
            r.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: l.HOVER,
              children: "Hover"
            }
          )
        ] }),
        /* @__PURE__ */ o(r.Content, { value: l.DEFAULT, children: [
          /* @__PURE__ */ e(
            i,
            {
              fieldName: "border",
              mode: l.DEFAULT,
              type: t.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              fieldName: "boxShadow",
              mode: l.DEFAULT,
              type: t.BLOCK
            }
          )
        ] }),
        /* @__PURE__ */ o(r.Content, { value: l.HOVER, children: [
          /* @__PURE__ */ e(
            i,
            {
              fieldName: "border",
              mode: l.HOVER,
              type: t.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              fieldName: "boxShadow",
              mode: l.HOVER,
              type: t.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            s,
            {
              label: "Transition Duration",
              type: t.BLOCK,
              fieldName: "border.transitionDuration",
              min: 0,
              max: 1e4
            }
          )
        ] })
      ] }) })
    ] })
  ] });
}
export {
  T as default
};
//# sourceMappingURL=container-style.control.js.map
