import { jsxs as v, jsx as s } from "react/jsx-runtime";
import { forwardRef as x } from "react";
import { cx as b } from "../../utils/classNames.js";
import { useArrowTheme as A } from "../../hooks/useArrowTheme.js";
const N = x(
  ({
    variant: e = "primary",
    disabled: d = !1,
    inverse: o,
    monochrome: i = !1,
    leadingDecoration: n,
    trailingDecoration: t,
    size: a = "large",
    a11yLabel: r,
    label: m,
    describedBy: c,
    className: l,
    ...p
  }, u) => {
    const f = A(), h = o ?? f.inverse;
    return /* @__PURE__ */ v(
      "a",
      {
        ref: u,
        className: b(
          "tdds-button",
          "tdds-button--" + e,
          l
        ),
        "aria-disabled": d || void 0,
        "aria-label": (r == null ? void 0 : r.trim()) || void 0,
        "aria-describedby": c,
        "data-size": a,
        "data-monochrome": i || void 0,
        ...h ? { "data-inverse": "true" } : {},
        ...p,
        children: [
          n,
          /* @__PURE__ */ s("span", { children: m }),
          e === "tertiary" && t ? /* @__PURE__ */ s("span", { className: "tdds-button__decoration-end", children: t }) : null
        ]
      }
    );
  }
);
N.displayName = "LinkStyledAsButton";
export {
  N as LinkStyledAsButton
};
//# sourceMappingURL=LinkStyledAsButton.js.map
