import React__default, { useMemo } from 'react';

const ProgressBarColorTypes = {
  PRIMARY: 'progress-bar-color--primary',
  GRAY: 'progress-bar-color--gray'
};
const ProgressBar = _ref => {
  let {
    className = '',
    disabled = false,
    maxSize,
    currentSize = 0,
    colorType = ProgressBarColorTypes.PRIMARY
  } = _ref;
  const width = useMemo(() => {
    return `${currentSize / maxSize * 100}%`;
  }, [currentSize, maxSize]);
  return /*#__PURE__*/React__default.createElement("div", {
    className: `sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "sendbird-progress-bar__fill",
    style: {
      width
    }
  }));
};

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