@mantine/hooks/cjs/use-viewport-size/use-viewport-size.cjs

A collection of 50+ hooks for state and UI management

"use client";
const require_use_window_event = require("../use-window-event/use-window-event.cjs");
let react = require("react");
//#region packages/@mantine/hooks/src/use-viewport-size/use-viewport-size.ts
const eventListerOptions = { passive: true };
function useViewportSize() {
	const [windowSize, setWindowSize] = (0, react.useState)({
		width: 0,
		height: 0
	});
	const setSize = (0, react.useCallback)(() => {
		setWindowSize({
			width: window.innerWidth || 0,
			height: window.innerHeight || 0
		});
	}, []);
	require_use_window_event.useWindowEvent("resize", setSize, eventListerOptions);
	require_use_window_event.useWindowEvent("orientationchange", setSize, eventListerOptions);
	(0, react.useEffect)(setSize, []);
	return windowSize;
}
//#endregion
exports.useViewportSize = useViewportSize;

//# sourceMappingURL=use-viewport-size.cjs.map