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


/**
 * Устанавливает актуальное значение ширины сколлбара для корневого элемента
 * @returns {void}
 * @example
 * import { setScrollBarWidth } from "@delement/ui/utils";
 *
 * setScrollBarWidth("scrollBarWidth");
 */
export const setScrollBarWidth = (varName: string = "scrollBarWidth") => {
  setCSSVar(getDocument().documentElement, varName, `${getScrollbarWidth()}px`);
};