"use client";
import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { PresetsControl as l } from "../../../components/controls/presets-control.js";
import { SelectControl as m } from "../../../components/controls/select.control.js";
import { SliderInputControl as s } from "../../../components/controls/slider-input.control.js";
import { Accordion as r } from "../../../components/shared/accordion.js";
import { Label as n } from "../../../components/shared/label.js";
import { Separator as a } from "../../../components/shared/separator.js";
import { SettingsType as o } from "../../../types/index.js";
import p from "../img/design-1.png.js";
import d from "../img/design-2.png.js";
import { TestimonialPresets as i } from "../types/index.js";
import c from "./slider-options.control.js";
import f from "./testimonials.js";
const L = () => /* @__PURE__ */ t(r, { defaultValue: "General", type: "single", collapsible: !0, children: [
  /* @__PURE__ */ t(r.Item, { value: "General", children: [
    /* @__PURE__ */ e(r.Trigger, { className: "p-4", children: "General" }),
    /* @__PURE__ */ t(r.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        m,
        {
          type: o.BLOCK,
          fieldName: "layout.desktop",
          label: "Layout",
          options: [
            {
              content: "Grid",
              value: "grid"
            },
            { content: "Slider", value: "slider" }
          ],
          className: "mt-0"
        }
      ),
      /* @__PURE__ */ e(
        s,
        {
          responsive: !0,
          type: o.BLOCK,
          fieldName: "columns",
          label: "Columns",
          min: 1,
          max: 10
        }
      ),
      /* @__PURE__ */ e(a, { className: "my-4" }),
      /* @__PURE__ */ e(n, { className: "mb-2", children: "Testimonials" }),
      /* @__PURE__ */ e(f, {})
    ] })
  ] }),
  /* @__PURE__ */ t(r.Item, { value: "Presets", children: [
    /* @__PURE__ */ e(r.Trigger, { className: "p-4", children: "Presets" }),
    /* @__PURE__ */ e(r.Content, { className: "px-4", children: /* @__PURE__ */ e(
      l,
      {
        designs: [
          {
            id: i.Preset1,
            image: p
          },
          {
            id: i.Preset2,
            image: d
          }
        ]
      }
    ) })
  ] }),
  /* @__PURE__ */ e(c, {})
] });
export {
  L as default
};
//# sourceMappingURL=testimonial-content.control.js.map
