@dndbuilder.com/react/dist/packages/react/src/blocks/faq/components/faq-style.control.js

Drag and drop builder for React

"use client";
import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { BorderControl as p } from "../../../components/controls/border.control.js";
import { ColorControl as o } from "../../../components/controls/color.control.js";
import { SliderUnitControl as a } from "../../../components/controls/slider-unit.control.js";
import { SpacingControl as n } from "../../../components/controls/spacing.control.js";
import { TypographyControl as m } from "../../../components/controls/typography.control.js";
import { Accordion as t } from "../../../components/shared/accordion.js";
import { SettingsType as l } from "../../../types/index.js";
import { Unit as i } from "../../../types/style.js";
const u = () => /* @__PURE__ */ r(t, { defaultValue: "Item", type: "single", collapsible: !0, children: [
  /* @__PURE__ */ r(t.Item, { value: "Item", children: [
    /* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "Item" }),
    /* @__PURE__ */ r(t.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        a,
        {
          type: l.BLOCK,
          fieldName: "item.gap",
          label: "Item Gap",
          className: "mt-0",
          units: [i.PX, i.REM, i.EM]
        }
      ),
      /* @__PURE__ */ e(p, { type: l.BLOCK, fieldName: "item.border", className: "mt-4" }),
      /* @__PURE__ */ e(
        n,
        {
          type: l.BLOCK,
          fieldName: "item.padding",
          label: "Padding",
          responsive: !0
        }
      )
    ] })
  ] }),
  /* @__PURE__ */ r(t.Item, { value: "Title", children: [
    /* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "Title" }),
    /* @__PURE__ */ r(t.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        o,
        {
          type: l.BLOCK,
          fieldName: "title.color.default",
          label: "Color",
          className: "mt-0"
        }
      ),
      /* @__PURE__ */ e(
        m,
        {
          type: l.BLOCK,
          fieldName: "title.typography",
          label: "Typography"
        }
      ),
      /* @__PURE__ */ e(
        a,
        {
          type: l.BLOCK,
          fieldName: "title.spacing",
          label: "Spacing",
          responsive: !0,
          units: [i.PX, i.REM, i.EM]
        }
      )
    ] })
  ] }),
  /* @__PURE__ */ r(t.Item, { value: "Description", children: [
    /* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "Description" }),
    /* @__PURE__ */ r(t.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        o,
        {
          type: l.BLOCK,
          fieldName: "description.color.default",
          label: "Color",
          className: "mt-0"
        }
      ),
      /* @__PURE__ */ e(
        m,
        {
          type: l.BLOCK,
          fieldName: "description.typography",
          label: "Typography"
        }
      )
    ] })
  ] })
] });
export {
  u as default
};
//# sourceMappingURL=faq-style.control.js.map