import { n as AnalyticsId } from "./constants2.js";
import { t as usePseudoClasses } from "./usePseudoClasses.js";
import { n as mergeRefs, t as isMutableRefObject } from "./refs.js";
import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
import { n as getAriaLabelAttributes } from "./accessibility.js";
import { n as HelpTriggerIconInternal } from "./HelpTriggerIcon.js";
import classNames from "classnames";
import { jsx, jsxs } from "react/jsx-runtime";
import styles from "./components/HelpTriggerStandalone/styles.module.scss";
var HelpTriggerStandalone = (props) => {
	const { ariaLabel, ariaLabelledById, children, className, testId, weight = "normal", ref, ...rest } = props;
	const isMobile = useIsMobileBreakpoint();
	const ariaLabelAttributes = getAriaLabelAttributes({
		label: ariaLabel,
		id: ariaLabelledById
	});
	const helpTriggerStandaloneStyles = classNames(styles["help-trigger-standalone"], className);
	const { refObject, isHovered } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
	return /* @__PURE__ */ jsxs("button", {
		"aria-label": ariaLabel,
		type: "button",
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.HelpTriggerStandalone,
		className: helpTriggerStandaloneStyles,
		ref: mergeRefs([refObject, ref]),
		...ariaLabelAttributes,
		...rest,
		children: [/* @__PURE__ */ jsx(HelpTriggerIconInternal, {
			weight,
			size: isMobile ? "medium" : "large",
			htmlMarkup: "span",
			isHovered
		}), /* @__PURE__ */ jsx("span", {
			className: styles["help-trigger-standalone__children"],
			children
		})]
	});
};
HelpTriggerStandalone.displayName = "HelpTriggerStandalone";
var HelpTriggerStandalone_default$1 = HelpTriggerStandalone;
export { HelpTriggerStandalone_default$1 as t };

//# sourceMappingURL=HelpTriggerStandalone.js.map