import { useEffect, useState } from "react";

export function useIsFullscreen(): boolean {
    const [isFullscreen, setIsFullscreen] = useState(
        !!document.fullscreenElement
    );

    useEffect(() => {
        const onChange = () => setIsFullscreen(!!document.fullscreenElement);
        document.addEventListener("fullscreenchange", onChange);
        return () => document.removeEventListener("fullscreenchange", onChange);
    }, []);

    return isFullscreen;
}