import { setCSSVar } from "@web3r/flowerkit/css";
import { getDocument, getWindow } from "ssr-window";

/**
 * Устанавливает актуальное значение для 1vh для корневного элемента
 * @param varName{String} название переменной
 * @param fixedNumber{Number} точность значения
 * @returns {void}
 * @example
 * import { setVhVar } from "@delement/ui/utils";
 *
 * setVhVar("vh", 3);
 */
export const setVhVar = (varName: string = "vh", fixedNumber: number = 3) => {
  setCSSVar(getDocument().documentElement, varName, `${((getWindow()?.innerHeight ?? 0) * 0.01).toFixed(fixedNumber)}px`);
};