import classNames from "classnames";
import React from "react";

const LoadBarComponent = ({ percent, disabled }) => (
  <div className="mt-1">
    <strong>Current load</strong>
    <div className={classNames("progress", { disabled })}>
      <div
        className="progress-bar"
        role="progressbar"
        aria-valuenow={percent}
        aria-valuemin="0"
        aria-valuemax="100"
        style={{ width: percent + "%" }}
      >
        {percent}%
      </div>
    </div>
  </div>
);

export default LoadBarComponent;