import { useEffect, useState } from 'react';
import { getDOMRect } from '../../lib/dom/getDOMRect.js';
/**
 * Вычисляет положение `GlobalLoader`
 *
 * @param ref - ref `GlobalLoader`
 * @returns - возвращает положение полоски `GlobalLoader`
 */
export var useGlobalLoaderPosition = function (ref) {
    var left = getDOMRect(ref).left;
    return { left: left };
};
/**
 * Вычисляет ширину `GlobalLoader`
 *
 * @param status - статус `GlobalLoader`
 * @param ref - ref `GlobalLoader`
 * @returns - возвращает ширину полоски `GlobalLoader`
 */
export var useGlobalLoaderWidth = function (status, ref) {
    var _a, _b;
    var width = getDOMRect(ref).width;
    var _c = useState(0), startWidth = _c[0], setStartWidth = _c[1];
    var fullWidth = ((_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
    useEffect(function () {
        if (status === 'error') {
            setStartWidth(width);
        }
        else if (status === 'accept') {
            setStartWidth(startWidth);
        }
        else {
            setStartWidth(0);
        }
    }, [status]);
    return { width: width, startWidth: startWidth, fullWidth: fullWidth };
};
//# sourceMappingURL=useParams.js.map