import { jsx as p } from "react/jsx-runtime";
import { forwardRef as c } from "react";
import { cx as h } from "../../utils/classNames.js";
import { useArrowTheme as k } from "../../hooks/useArrowTheme.js";
const x = c(
  ({
    type: i = "button",
    disabled: e = !1,
    inverse: s,
    monochrome: n = !1,
    describedBy: t,
    a11yLabel: o,
    label: m,
    inline: r = !1,
    size: a = "large",
    className: d,
    ...l
  }, f) => {
    const v = k(), u = s ?? v.inverse;
    return /* @__PURE__ */ p(
      "button",
      {
        ref: f,
        type: i,
        className: h(
          "tdds-link",
          { "tdds-link--inline": r },
          d
        ),
        "aria-disabled": e || void 0,
        "aria-label": (o == null ? void 0 : o.trim()) || void 0,
        "aria-describedby": (t == null ? void 0 : t.trim()) || void 0,
        "data-size": r ? void 0 : a,
        "data-monochrome": n || void 0,
        ...u ? { "data-inverse": "true" } : {},
        ...l,
        children: m
      }
    );
  }
);
x.displayName = "ButtonStyledAsLink";
export {
  x as ButtonStyledAsLink
};
//# sourceMappingURL=ButtonStyledAsLink.js.map
