import { jsxs as i, jsx as e } from "react/jsx-runtime";
import { AutoplaySpeedControl as d } from "../../../components/controls/autoplay-speed.control.js";
import { SliderUnitControl as n } from "../../../components/controls/slider-unit.control.js";
import { SwitchControl as o } from "../../../components/controls/switch.control.js";
import { Accordion as r } from "../../../components/shared/accordion.js";
import { useSettings as s } from "../../../hooks/use-settings.js";
import { SettingsType as t } from "../../../types/index.js";
import { Unit as l } from "../../../types/style.js";
const h = () => {
  const [a] = s("layout.desktop", t.BLOCK), [p] = s("slider.autoPlay.desktop", t.BLOCK);
  return a !== "slider" ? null : /* @__PURE__ */ i(r.Item, { value: "Options", children: [
    /* @__PURE__ */ e(r.Trigger, { className: "p-4", children: "Slider Options" }),
    /* @__PURE__ */ i(r.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        n,
        {
          type: t.BLOCK,
          fieldName: "slider.height",
          label: "Height",
          responsive: !0,
          units: [l.PX, l.PERCENTAGE, l.REM, l.EM],
          className: "mt-0"
        }
      ),
      /* @__PURE__ */ e(o, { type: t.BLOCK, fieldName: "slider.showDots.desktop", label: "Dots" }),
      /* @__PURE__ */ e(
        o,
        {
          type: t.BLOCK,
          fieldName: "slider.showArrows.desktop",
          label: "Arrows"
        }
      ),
      /* @__PURE__ */ e(
        o,
        {
          type: t.BLOCK,
          fieldName: "slider.autoPlay.desktop",
          label: "AutoPlay"
        }
      ),
      /* @__PURE__ */ e(
        o,
        {
          type: t.BLOCK,
          fieldName: "slider.pauseOnHover.desktop",
          label: "Pause on Hover"
        }
      ),
      /* @__PURE__ */ e(
        o,
        {
          type: t.BLOCK,
          fieldName: "slider.infinite.desktop",
          label: "Infinite Loop"
        }
      ),
      p && /* @__PURE__ */ e(d, { fieldName: "slider.autoplaySpeed" })
    ] })
  ] });
};
export {
  h as default
};
//# sourceMappingURL=slider-options.control.js.map
