import { useLayoutEffect } from 'react';

export function useDisableScroll(active: boolean) {
  useLayoutEffect(() => {
    if (!active) return;

    const originalOverflow = document.body.style.overflow;
    document.body.style.overflow = 'hidden';

    return () => {
      document.body.style.overflow = originalOverflow;
    };
  }, [active]);
}