// src/components/Link/Link.tsx
import classNames from "classnames/dedupe";
import "@simplybusiness/mobius/src/components/Link/Link.css";
import { jsx } from "react/jsx-runtime";
var Link = ({ ref, ...props }) => {
  const {
    isDisabled = false,
    elementType: Component = "a",
    style,
    className,
    variant = "primary",
    ...otherProps
  } = props;
  const disabledStyles = {
    pointerEvents: "none"
  };
  const styles = { ...style, ...isDisabled && disabledStyles };
  const classes = classNames(
    "mobius",
    "mobius-link",
    className,
    `mobius-link--${variant}`,
    {
      "--is-disabled": isDisabled
    }
  );
  return /* @__PURE__ */ jsx(
    Component,
    {
      ref,
      style: styles,
      className: classes,
      "aria-disabled": isDisabled ? true : void 0,
      ...otherProps,
      children: props.children
    }
  );
};
Link.displayName = "Link";

export {
  Link
};
//# sourceMappingURL=chunk-IV6YODTR.js.map
