@primer/react-brand/esm/VideoPlayer/hooks/useIsElementFullScreen.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../VideoPlayer.module.js";
import { useCallback as t, useEffect as n, useState as r } from "react";
//#region src/VideoPlayer/hooks/useIsElementFullScreen.ts
var i = (i) => {
	let [a, o] = r(!1);
	return n(() => {
		if (!i) return;
		let t = () => {
			let t = document.fullscreenElement === i, n = e["VideoPlayer__container--fullscreen"];
			t ? i.classList.add(n) : i.classList.remove(n), o(t);
		};
		return document.addEventListener("fullscreenchange", t), () => {
			document.removeEventListener("fullscreenchange", t);
		};
	}, [i]), [a, t((e) => {
		let t = typeof e == "function" ? e(a) : e;
		!i || a === t || (t ? i.requestFullscreen() : document.exitFullscreen());
	}, [i, a])];
};
//#endregion
export { i as useIsElementFullScreen };

//# sourceMappingURL=useIsElementFullScreen.js.map