import { jsx as u } from "react/jsx-runtime";
import { forwardRef as b } from "react";
import { cx as w } from "../../utils/classNames.js";
import { useArrowTheme as I } from "../../hooks/useArrowTheme.js";
const N = b(
  ({
    href: e,
    label: s,
    a11yLabel: r,
    disabled: d = !1,
    inline: o = !1,
    inverse: a,
    monochrome: t = !1,
    describedBy: n,
    size: m = "large",
    alignment: c = "center",
    hover: f = !1,
    pressed: l = !1,
    focused: v = !1,
    className: p,
    ...k
  }, g) => {
    const x = I(), h = a ?? x.inverse, i = d && !o;
    return /* @__PURE__ */ u(
      "a",
      {
        ref: g,
        className: w(
          "tdds-link",
          {
            "tdds-link--inline": o,
            "force-hover": f,
            "force-focus": v,
            "force-pressed": l
          },
          p
        ),
        href: i || !e || e.length === 0 ? void 0 : e,
        "aria-label": (r == null ? void 0 : r.trim()) || void 0,
        "aria-disabled": i || void 0,
        "aria-describedby": n || void 0,
        "data-inverse": String(h),
        "data-monochrome": t || void 0,
        "data-size": o ? void 0 : m,
        "data-alignment": o ? void 0 : c,
        tabIndex: !e || i ? 0 : void 0,
        role: !e || i ? "link" : void 0,
        ...k,
        children: s
      }
    );
  }
);
N.displayName = "Link";
export {
  N as Link
};
//# sourceMappingURL=Link.js.map
