import { jsx as c } from "react/jsx-runtime";
import { c as u } from "./index-BmAFn37q.mjs";
import { a as l } from "./Slot-C98rL4yy.mjs";
const x = u(["inline-flex items-center focus-visible:u-outline"], {
  variants: {
    intent: {
      current: "text-current hover:opacity-dim-1",
      main: "text-main hover:text-main-hovered",
      support: "text-support hover:text-support-hovered",
      accent: "text-accent hover:text-accent-hovered",
      basic: "text-basic hover:text-basic-hovered",
      success: "text-success hover:text-success-hovered",
      alert: "text-alert hover:text-alert-hovered",
      danger: "text-error hover:text-error-hovered",
      info: "text-info hover:text-info-hovered",
      neutral: "text-neutral hover:text-neutral-hovered"
    },
    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */
    bold: {
      true: "font-bold"
    },
    /**
     * Underline is enabled by default.
     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.
     */
    underline: {
      true: "underline",
      false: "hover:underline focus:underline"
    }
  },
  defaultVariants: {
    intent: "current",
    bold: !1,
    underline: !0
  }
}), m = ({
  asChild: e = !1,
  bold: t = !1,
  children: r,
  className: o,
  intent: n = "current",
  underline: a = !0,
  ref: s,
  ...i
}) => /* @__PURE__ */ c(
  e ? l : "a",
  {
    "data-spark-component": "text-link",
    ref: s,
    className: x({ className: o, bold: t, intent: n, underline: a }),
    ...i,
    children: r
  }
);
export {
  m as T
};
//# sourceMappingURL=TextLink-3MEVs3No.mjs.map
