import { useEffect, useState } from "react";
//#region src/hooks/use-reduced-motion.ts
var QUERY = "(prefers-reduced-motion: reduce)";
/**
* Reactively tracks the user's `prefers-reduced-motion` media query.
* SSR-safe: returns `false` on the server and hydrates correctly on the client.
*/
function useReducedMotion() {
	const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
	useEffect(() => {
		const mql = window.matchMedia(QUERY);
		setPrefersReducedMotion(mql.matches);
		const handler = (e) => {
			setPrefersReducedMotion(e.matches);
		};
		mql.addEventListener("change", handler);
		return () => mql.removeEventListener("change", handler);
	}, []);
	return prefersReducedMotion;
}
//#endregion
export { useReducedMotion };

//# sourceMappingURL=index47.js.map