import { useState, useEffect } from "react"

const useWindowScrollPosition = ({distance = 0}) => {

    const [scrollPosition, setScrollPosition] = useState(window.pageYOffset)

    useEffect(() => {
        const handleScroll = () => {
            setScrollPosition(window.pageYOffset)
        }

        window.addEventListener("scroll", handleScroll)

        return () => window.removeEventListener("scroll", handleScroll)
    }, [])

    return scrollPosition >= distance;
}

export default useWindowScrollPosition