@modern-kit/react/dist/hooks/useVhProperty/index.mjs

modern-kit/react

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/index.mjs';
import '@modern-kit/utils';
import 'react';

function useVhProperty({
  name = "vh",
  enabledResize = false
} = {}) {
  useIsomorphicLayoutEffect(() => {
    const handleResize = () => {
      const vh = window.innerHeight * 0.01;
      document.documentElement.style.setProperty(`--${name}`, `${vh}px`);
    };
    handleResize();
    if (enabledResize) {
      window.addEventListener("resize", handleResize);
    }
    return () => {
      if (enabledResize) {
        window.removeEventListener("resize", handleResize);
      }
    };
  }, [name, enabledResize]);
}

export { useVhProperty };
//# sourceMappingURL=index.mjs.map