import React from 'react';
import { useClassFor, classForComponent } from '../utils/classFor';
import { getModalProgressWidth } from '../../core/utils/getModalProgressWidth';
import '../styles/base/modalProgressBar.sass';
import '../styles/themes/UniLogin/modalProgressBarThemeUniLogin.sass';
export var ModalProgressBar = function (_a) {
    var _b = _a.steps, steps = _b === void 0 ? 0 : _b, _c = _a.progress, progress = _c === void 0 ? 0 : _c;
    return (React.createElement("div", { className: useClassFor('modal-progress-bar') },
        React.createElement("div", { style: { width: getModalProgressWidth(progress, steps) + "rem" }, className: classForComponent('modal-progress-bar-current') })));
};
//# sourceMappingURL=ModalProgressBar.js.map