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

modern-kit/react

'use strict';

var hooksUseIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect/index.cjs');
require('@modern-kit/utils');
require('react');

function useVhProperty({
  name = "vh",
  enabledResize = false
} = {}) {
  hooksUseIsomorphicLayoutEffect.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]);
}

exports.useVhProperty = useVhProperty;
//# sourceMappingURL=index.cjs.map