"use client";
import { jsxs as i, jsx as e } from "react/jsx-runtime";
import { BorderControl as C } from "../../../components/controls/border.control.js";
import { BoxShadowControl as m } from "../../../components/controls/box-shadow.control.js";
import { ColorControl as d } from "../../../components/controls/color.control.js";
import { SelectControl as g } from "../../../components/controls/select.control.js";
import { SliderInputControl as v } from "../../../components/controls/slider-input.control.js";
import { SliderUnitControl as r } from "../../../components/controls/slider-unit.control.js";
import { SpacingControl as s } from "../../../components/controls/spacing.control.js";
import { ToggleGroupControl as h } from "../../../components/controls/toggle-group.control.js";
import { TypographyControl as u } from "../../../components/controls/typography.control.js";
import { Accordion as o } from "../../../components/shared/accordion.js";
import { Separator as f } from "../../../components/shared/separator.js";
import { Tabs as n } from "../../../components/shared/tabs.js";
import { useSettings as c } from "../../../hooks/use-settings.js";
import { SettingsType as t } from "../../../types/index.js";
import { Unit as l, PseudoClass as a } from "../../../types/style.js";
import { AiOutlineAlignLeft as L, AiOutlineAlignCenter as O, AiOutlineAlignRight as y } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
const U = () => {
  const [p] = c("layout.desktop", t.BLOCK), [N] = c("slider.showDots.desktop", t.BLOCK), [E] = c("slider.showArrows.desktop", t.BLOCK);
  return /* @__PURE__ */ i(o, { defaultValue: "Content", type: "single", collapsible: !0, children: [
    /* @__PURE__ */ i(o.Item, { value: "Content", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Content" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "columnGap",
            label: "Column Gap",
            className: "mt-0",
            units: [l.PX, l.REM, l.EM]
          }
        ),
        p === "grid" && /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "rowGap",
            label: "Row Gap",
            units: [l.PX, l.REM, l.EM]
          }
        ),
        /* @__PURE__ */ e(d, { type: t.BLOCK, fieldName: "review.color.default", label: "Color" }),
        /* @__PURE__ */ e(u, { type: t.BLOCK, fieldName: "review.typography" })
      ] })
    ] }),
    /* @__PURE__ */ i(o.Item, { value: "Card", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Card" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          h,
          {
            type: t.BLOCK,
            fieldName: "card.alignment.desktop",
            label: "Alignment",
            className: "mt-0",
            controls: [
              {
                tooltipContent: "Left",
                toggleTrigger: /* @__PURE__ */ e(L, { className: "text-sm" }),
                value: "left"
              },
              {
                tooltipContent: "Center",
                toggleTrigger: /* @__PURE__ */ e(O, { className: "text-sm" }),
                value: "center"
              },
              {
                tooltipContent: "Right",
                toggleTrigger: /* @__PURE__ */ e(y, { className: "text-sm" }),
                value: "right"
              }
            ]
          }
        ),
        /* @__PURE__ */ e(
          d,
          {
            type: t.BLOCK,
            fieldName: "card.backgroundColor.desktop.default",
            label: "Background"
          }
        ),
        /* @__PURE__ */ e(
          s,
          {
            type: t.BLOCK,
            fieldName: "card.padding",
            label: "Padding",
            responsive: !0,
            units: [l.PX, l.REM, l.EM]
          }
        ),
        /* @__PURE__ */ e(f, { className: "my-4" }),
        /* @__PURE__ */ i(n, { defaultValue: a.DEFAULT, children: [
          /* @__PURE__ */ i(n.List, { className: "h-8 w-full rounded-full", children: [
            /* @__PURE__ */ e(
              n.Trigger,
              {
                className: "flex-1 rounded-full p-[3px] text-[13px]",
                value: a.DEFAULT,
                children: "Normal"
              }
            ),
            /* @__PURE__ */ e(
              n.Trigger,
              {
                className: "flex-1 rounded-full p-[3px] text-[13px]",
                value: a.HOVER,
                children: "Hover"
              }
            )
          ] }),
          /* @__PURE__ */ i(n.Content, { value: a.DEFAULT, children: [
            /* @__PURE__ */ e(
              C,
              {
                fieldName: "card.border",
                mode: a.DEFAULT,
                type: t.BLOCK
              }
            ),
            /* @__PURE__ */ e(
              m,
              {
                fieldName: "card.boxShadow",
                mode: a.DEFAULT,
                type: t.BLOCK
              }
            )
          ] }),
          /* @__PURE__ */ i(n.Content, { value: a.HOVER, children: [
            /* @__PURE__ */ e(
              C,
              {
                fieldName: "card.border",
                mode: a.HOVER,
                type: t.BLOCK
              }
            ),
            /* @__PURE__ */ e(
              m,
              {
                fieldName: "card.boxShadow",
                mode: a.HOVER,
                type: t.BLOCK
              }
            ),
            /* @__PURE__ */ e(
              v,
              {
                label: "Transition Duration",
                type: t.BLOCK,
                fieldName: "card.border.transitionDuration",
                min: 0,
                max: 1e4
              }
            )
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ i(o.Item, { value: "Image", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Image" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          r,
          {
            type: t.BLOCK,
            fieldName: "image.size",
            label: "Size",
            units: [l.PX, l.REM, l.EM],
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            type: t.BLOCK,
            fieldName: "image.gap",
            label: "Gap",
            units: [l.PX, l.REM, l.EM]
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ i(o.Item, { value: "Name", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Name" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          d,
          {
            type: t.BLOCK,
            fieldName: "review.color.default",
            label: "Color",
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(u, { type: t.BLOCK, fieldName: "review.typography" })
      ] })
    ] }),
    /* @__PURE__ */ i(o.Item, { value: "Title", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Title" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          d,
          {
            type: t.BLOCK,
            fieldName: "review.color.default",
            label: "Color",
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(u, { type: t.BLOCK, fieldName: "review.typography" })
      ] })
    ] }),
    p === "slider" && E && /* @__PURE__ */ i(o.Item, { value: "Arrows", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Arrows" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          g,
          {
            type: t.BLOCK,
            fieldName: "slider.navigation.arrowPlacement.desktop",
            label: "Placement",
            defaultValue: "inside",
            options: [
              { content: "Inside", value: "inside" },
              { content: "Outside", value: "outside" }
            ],
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            type: t.BLOCK,
            fieldName: "slider.navigation.arrowSize.desktop",
            label: "Size"
          }
        ),
        /* @__PURE__ */ i(n, { defaultValue: a.DEFAULT, children: [
          /* @__PURE__ */ i(n.List, { className: "mb-2 mt-5 h-8 w-full rounded-full", children: [
            /* @__PURE__ */ e(
              n.Trigger,
              {
                className: "flex-1 rounded-full p-[3px] text-[13px]",
                value: a.DEFAULT,
                children: "Normal"
              }
            ),
            /* @__PURE__ */ e(
              n.Trigger,
              {
                className: "flex-1 rounded-full p-[3px] text-[13px]",
                value: a.HOVER,
                children: "Hover"
              }
            )
          ] }),
          /* @__PURE__ */ i(n.Content, { value: a.DEFAULT, children: [
            /* @__PURE__ */ e(
              d,
              {
                label: "Color",
                fieldName: "slider.navigation.arrowColor.desktop",
                type: t.BLOCK,
                mode: a.DEFAULT
              }
            ),
            /* @__PURE__ */ e(
              d,
              {
                label: "Background Color",
                fieldName: "slider.navigation.arrowBackgroudColor.desktop",
                type: t.BLOCK,
                mode: a.DEFAULT
              }
            ),
            /* @__PURE__ */ e(
              m,
              {
                fieldName: "slider.navigation.arrowBoxShadow",
                type: t.BLOCK,
                mode: a.DEFAULT
              }
            )
          ] }),
          /* @__PURE__ */ i(n.Content, { value: a.HOVER, children: [
            /* @__PURE__ */ e(
              d,
              {
                label: "Color",
                fieldName: "slider.navigation.arrowColor.desktop",
                type: t.BLOCK,
                mode: a.HOVER
              }
            ),
            /* @__PURE__ */ e(
              d,
              {
                label: "Background Color",
                fieldName: "slider.navigation.arrowBackgroudColor.desktop",
                type: t.BLOCK,
                mode: a.HOVER
              }
            ),
            /* @__PURE__ */ e(
              m,
              {
                fieldName: "slider.navigation.arrowBoxShadow",
                type: t.BLOCK,
                mode: a.HOVER
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ e(f, { className: "my-5" }),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.arrowWidth",
            label: "Width",
            units: [l.PX, l.EM, l.REM]
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.arrowHeight",
            label: "Height",
            units: [l.PX, l.EM, l.REM]
          }
        ),
        /* @__PURE__ */ e(
          s,
          {
            fieldName: "slider.navigation.arrowRadius.desktop.default",
            label: "Border Radius",
            type: t.BLOCK,
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        ),
        /* @__PURE__ */ e(
          s,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.leftArrowPosition",
            label: "Left Arrow Position",
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        ),
        /* @__PURE__ */ e(
          s,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.rightArrowPosition",
            label: "Right Arrow Position",
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        )
      ] })
    ] }),
    p === "slider" && N && /* @__PURE__ */ i(o.Item, { value: "Dots", children: [
      /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Dots" }),
      /* @__PURE__ */ i(o.Content, { className: "px-4", children: [
        /* @__PURE__ */ e(
          g,
          {
            type: t.BLOCK,
            fieldName: "slider.navigation.dotPlacement.desktop",
            label: "Placement",
            defaultValue: "inside",
            options: [
              { content: "Inside", value: "inside" },
              { content: "Outside", value: "outside" }
            ],
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotSize",
            label: "Size"
          }
        ),
        /* @__PURE__ */ e(
          d,
          {
            label: "Color",
            type: t.BLOCK,
            fieldName: "slider.navigation.dotColor.desktop.default"
          }
        ),
        /* @__PURE__ */ e(
          d,
          {
            label: "Active Color",
            type: t.BLOCK,
            fieldName: "slider.navigation.dotActiveColor.desktop.default"
          }
        ),
        /* @__PURE__ */ e(
          s,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotsPosition",
            label: "Dots Position",
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotWidth",
            label: "Width",
            units: [l.PX, l.EM, l.REM]
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotHeight",
            label: "Height",
            units: [l.PX, l.EM, l.REM]
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotRadius",
            label: "Rounded",
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        ),
        /* @__PURE__ */ e(
          r,
          {
            responsive: !0,
            type: t.BLOCK,
            fieldName: "slider.navigation.dotGap",
            label: "Gap",
            units: [l.PX, l.EM, l.REM, l.PERCENTAGE]
          }
        )
      ] })
    ] })
  ] });
};
export {
  U as default
};
//# sourceMappingURL=testimonial-style.control.js.map
