"use client";
import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
import { ColorControl as n } from "../../controls/color.control.js";
import { Accordion as i } from "../../shared/accordion.js";
import { Tabs as r } from "../../shared/tabs.js";
import { ThemeSettingsType as s, SettingsType as o } from "../../../types/index.js";
import { PseudoClass as l } from "../../../types/style.js";
import { FiLink as d, FiX as c } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
const E = ({ setCurrentSetting: a }) => /* @__PURE__ */ t(m, { children: [
  /* @__PURE__ */ t("div", { className: "flex items-center justify-between border-b p-4", children: [
    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
      /* @__PURE__ */ e(d, {}),
      "Link"
    ] }),
    /* @__PURE__ */ e(
      "button",
      {
        className: "text-gray-600 hover:text-gray-900",
        onClick: () => a(s.GLOBAL),
        children: /* @__PURE__ */ e(c, { size: 16 })
      }
    )
  ] }),
  /* @__PURE__ */ e(i, { defaultValue: ["button"], type: "multiple", children: /* @__PURE__ */ t(i.Item, { value: "button", children: [
    /* @__PURE__ */ e(i.Trigger, { className: "px-4", children: "Link" }),
    /* @__PURE__ */ e(i.Content, { className: "px-4", children: /* @__PURE__ */ t(r, { defaultValue: l.DEFAULT, children: [
      /* @__PURE__ */ t(r.List, { className: "h-8 w-full rounded-full", children: [
        /* @__PURE__ */ e(
          r.Trigger,
          {
            className: "flex-1 rounded-full p-[3px] text-[13px]",
            value: l.DEFAULT,
            children: "Normal"
          }
        ),
        /* @__PURE__ */ e(
          r.Trigger,
          {
            className: "flex-1 rounded-full p-[3px] text-[13px]",
            value: l.HOVER,
            children: "Hover"
          }
        )
      ] }),
      /* @__PURE__ */ e(r.Content, { value: l.DEFAULT, children: /* @__PURE__ */ e(
        n,
        {
          type: o.THEME,
          fieldName: "link.color",
          mode: l.DEFAULT
        }
      ) }),
      /* @__PURE__ */ e(r.Content, { value: l.HOVER, children: /* @__PURE__ */ e(
        n,
        {
          type: o.THEME,
          fieldName: "link.color",
          mode: l.HOVER
        }
      ) })
    ] }) })
  ] }) })
] });
export {
  E as default
};
//# sourceMappingURL=theme-link-settings.js.map
