import React__default, { useMemo } from 'react';
import { c as classnames } from '../chunks/bundle-CDcu1I4f.js';

/* eslint-disable no-redeclare */
var ProgressBarColorTypes = {
    PRIMARY: 'progress-bar-color--primary',
    GRAY: 'progress-bar-color--gray',
};
var ProgressBar = function (_a) {
    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, maxSize = _a.maxSize, _d = _a.currentSize, currentSize = _d === void 0 ? 0 : _d, _e = _a.colorType, colorType = _e === void 0 ? ProgressBarColorTypes.PRIMARY : _e;
    var width = useMemo(function () {
        return "".concat(currentSize / maxSize * 100, "%");
    }, [currentSize, maxSize]);
    return (React__default.createElement("div", { className: classnames('sendbird-progress-bar', className, colorType, disabled && 'progress-bar--disabled') },
        React__default.createElement("div", { className: "sendbird-progress-bar__fill", style: { width: width } })));
};

export { ProgressBar, ProgressBarColorTypes, ProgressBar as default };
//# sourceMappingURL=ProgressBar.js.map
