/**
 * Returns whether given element is in browser viewport or not
 */
function isInViewport(element: HTMLElement): boolean {
    const rect = element?.getBoundingClientRect();
    return (
        rect &&
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <=
            (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <=
            (window.innerWidth || document.documentElement.clientWidth)
    );
}

export { isInViewport };