"use client"
import { useLayoutEffect } from "react"

// https://usehooks.com/uselockbodyscroll
export function useLockBodyScroll(resetOverflowValue?: string) {
  useLayoutEffect(() => {
    const originalStyle = window.getComputedStyle(document.body).overflow
    document.body.style.overflow = "hidden"
    return () => {
      document.body.style.overflow = resetOverflowValue ?? originalStyle
    }
  }, [resetOverflowValue])
}