applications/drive/src/app/components/TransferManager/ProgressBar.tsx

   1 import { Progress } from '@proton/components';
   2 import clsx from '@proton/utils/clsx';
   3
   4 export enum ProgressBarStatus {
   5     Disabled = 'disabled',
   6     Running = 'running',
   7     Success = 'success',
   8     Error = 'error',
   9 }
  10
  11 interface Props {
  12     status?: ProgressBarStatus;
  13     value: number;
  14     max?: number;
  15 }
  16
  17 const ProgressBar = ({ status = ProgressBarStatus.Success, ...rest }: Props) => (
  18     <Progress className={clsx(['transfers-manager-list-item-progress is-thin', `progress-bar--${status}`])} {...rest} />
  19 );
  20
  21 export default ProgressBar;