@dndbuilder.com/react
Version:
Drag and drop builder for React
60 lines (59 loc) • 2.41 kB
JavaScript
"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