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