import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../utils/index.js";
import { ArrowUpRightIcon } from "./icons.generated/ArrowUpRightIcon.js";
export function ArrowUpRightInteractiveIcon({ hiddenByDefault = false, className, ...props }) {
    return (_jsx(ArrowUpRightIcon, { alt: "", "data-name": "ArrowUpRightInteractive", "data-hidden-by-default": hiddenByDefault || undefined, className: cn(`u:pointer-events-none
        u:transition-[opacity,translate]
        u:data-hidden-by-default:translate-x-[calc(-15%*var(--gds-rtl-factor))]
        u:data-hidden-by-default:translate-y-[15%]
        u:data-hidden-by-default:opacity-0
        u:data-[hidden-by-default=if-can-hover]:not-can-hover:translate-x-0
        u:data-[hidden-by-default=if-can-hover]:not-can-hover:translate-y-0
        u:data-[hidden-by-default=if-can-hover]:not-can-hover:opacity-100
        u:data-hidden-by-default:nearest-clickable-hocus-visible:translate-x-0
        u:data-hidden-by-default:nearest-clickable-hocus-visible:translate-y-0
        u:data-hidden-by-default:nearest-clickable-hocus-visible:opacity-100
        u:not-data-hidden-by-default:nearest-clickable-hover:translate-x-[calc(15%*var(--gds-rtl-factor))]
        u:not-data-hidden-by-default:nearest-clickable-hover:translate-y-[-15%]`, className), ...props }));
}
//# sourceMappingURL=ArrowUpRightInteractiveIcon.js.map