import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { ArrowUpRight } from "./ArrowUpRight.js";
import { classNames } from "../utils/classNames.js";
const ArrowUpRightInteractive = forwardRef(
  ({ hiddenByDefault = false, className, ...props }, forwardedRef) => {
    return /* @__PURE__ */ jsx(
      ArrowUpRight,
      {
        ref: forwardedRef,
        alt: "",
        "data-name": "ArrowUpRightInteractive",
        "data-hidden-by-default": hiddenByDefault || void 0,
        className: classNames(
          `-:transition-[opacity,transform]
          data-[hidden-by-default]:translate-x-[-25%]
          data-[hidden-by-default]:translate-y-[25%]
          data-[hidden-by-default]:opacity-0
          data-[hidden-by-default]:in-clickable-hocus-visible:translate-x-0
          data-[hidden-by-default]:in-clickable-hocus-visible:translate-y-0
          data-[hidden-by-default]:in-clickable-hocus-visible:opacity-100
          not-data-[hidden-by-default]:in-clickable-hover:translate-x-[15%]
          not-data-[hidden-by-default]:in-clickable-hover:translate-y-[-15%]`,
          className
        ),
        ...props
      }
    );
  }
);
ArrowUpRightInteractive.displayName = "ArrowUpRightInteractive";
Object.assign(ArrowUpRightInteractive, { isGdsIcon: true });
export {
  ArrowUpRightInteractive
};
