"use client";
import { jsx as e, jsxs as a } from "react/jsx-runtime";
import { ColorControl as i } from "../../../components/controls/color.control.js";
import { SliderInputControl as n } from "../../../components/controls/slider-input.control.js";
import { SpacingControl as m } from "../../../components/controls/spacing.control.js";
import { TypographyControl as p } from "../../../components/controls/typography.control.js";
import { Accordion as t } from "../../../components/shared/accordion.js";
import { Separator as s } from "../../../components/shared/separator.js";
import { Tabs as l } from "../../../components/shared/tabs.js";
import { SettingsType as o } from "../../../types/index.js";
import { PseudoClass as r } from "../../../types/style.js";
const L = () => /* @__PURE__ */ e(t, { defaultValue: "General", type: "single", collapsible: !0, children: /* @__PURE__ */ a(t.Item, { value: "General", children: [
  /* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "General" }),
  /* @__PURE__ */ a(t.Content, { className: "px-4", children: [
    /* @__PURE__ */ e(
      m,
      {
        type: o.BLOCK,
        fieldName: "margin",
        label: "Margin",
        responsive: !0,
        className: "mt-0"
      }
    ),
    /* @__PURE__ */ e(
      m,
      {
        type: o.BLOCK,
        fieldName: "padding",
        label: "Padding",
        responsive: !0
      }
    ),
    /* @__PURE__ */ a(l, { defaultValue: r.DEFAULT, children: [
      /* @__PURE__ */ a(l.List, { className: "mb-2 mt-5 h-8 w-full rounded-full", children: [
        /* @__PURE__ */ e(
          l.Trigger,
          {
            className: "flex-1 rounded-full p-[3px] text-[13px]",
            value: r.DEFAULT,
            children: "Normal"
          }
        ),
        /* @__PURE__ */ e(
          l.Trigger,
          {
            className: "flex-1 rounded-full p-[3px] text-[13px]",
            value: r.HOVER,
            children: "Hover"
          }
        )
      ] }),
      /* @__PURE__ */ e(l.Content, { value: r.DEFAULT, children: /* @__PURE__ */ e(
        i,
        {
          fieldName: "color",
          mode: r.DEFAULT,
          type: o.BLOCK,
          className: "mt-0"
        }
      ) }),
      /* @__PURE__ */ a(l.Content, { value: r.HOVER, children: [
        /* @__PURE__ */ e(
          i,
          {
            fieldName: "color",
            mode: r.HOVER,
            type: o.BLOCK,
            className: "mt-0"
          }
        ),
        /* @__PURE__ */ e(
          n,
          {
            label: "Transition Duration",
            fieldName: "transitionDuration",
            type: o.BLOCK,
            min: 0,
            max: 1e4
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ e(s, { className: "my-3" }),
    /* @__PURE__ */ e(p, { type: o.BLOCK, fieldName: "typography", label: "Typography" })
  ] })
] }) });
export {
  L as default
};
//# sourceMappingURL=link-style-control.js.map
