"use client";
import { jsxs as r, jsx as t } from "react/jsx-runtime";
import { InputControl as o } from "../../../components/controls/input.control.js";
import { SliderInputControl as i } from "../../../components/controls/slider-input.control.js";
import { SwitchControl as a } from "../../../components/controls/switch.control.js";
import { Accordion as e } from "../../../components/shared/accordion.js";
import { SettingsType as l } from "../../../types/index.js";
const g = () => /* @__PURE__ */ r(e, { defaultValue: "Title", type: "single", collapsible: !0, children: [
  /* @__PURE__ */ r(e.Item, { value: "Title", children: [
    /* @__PURE__ */ t(e.Trigger, { className: "p-4", children: "Title" }),
    /* @__PURE__ */ r(e.Content, { className: "px-4", children: [
      /* @__PURE__ */ t(
        o,
        {
          fieldName: "title.content",
          label: "Title",
          type: l.BLOCK,
          className: "mb-4",
          isLocalized: !0
        }
      ),
      /* @__PURE__ */ t(
        a,
        {
          fieldName: "title.show",
          label: "Show Title",
          type: l.BLOCK,
          className: "mb-4",
          responsive: !0
        }
      )
    ] })
  ] }),
  /* @__PURE__ */ r(e.Item, { value: "Progress Bar", children: [
    /* @__PURE__ */ t(e.Trigger, { className: "p-4", children: "Progress Bar" }),
    /* @__PURE__ */ r(e.Content, { className: "px-4", children: [
      /* @__PURE__ */ t(
        i,
        {
          fieldName: "percentage.value",
          label: "Percentage",
          type: l.BLOCK,
          className: "mb-4",
          max: 100,
          min: 0
        }
      ),
      /* @__PURE__ */ t(
        a,
        {
          fieldName: "percentage.show",
          label: "Show Percentage",
          type: l.BLOCK,
          className: "mb-4",
          responsive: !0
        }
      )
    ] })
  ] })
] });
export {
  g as default
};
//# sourceMappingURL=progress-bar-content.control.js.map
