packages/components/containers/recovery/RecoveryStatusIcon.tsx

   1 import Icon from '@proton/components/components/icon/Icon';
   2 import clsx from '@proton/utils/clsx';
   3
   4 import type { IconName, IconProps } from '../../components/icon/Icon';
   5
   6 interface Props extends Omit<IconProps, 'name' | 'size'> {
   7     type: 'info' | 'success' | 'warning' | 'danger';
   8 }
   9
  10 const RecoveryStatusIcon = ({ type, className, ...rest }: Props) => {
  11     let config: { name: IconName; className: string } = {
  12         name: 'info-circle-filled',
  13         className: 'color-info',
  14     };
  15
  16     if (type === 'success') {
  17         config = {
  18             name: 'checkmark-circle-filled',
  19             className: 'color-success',
  20         };
  21     }
  22
  23     if (type === 'warning') {
  24         config = {
  25             name: 'exclamation-circle-filled',
  26             className: 'color-warning',
  27         };
  28     }
  29
  30     if (type === 'danger') {
  31         config = {
  32             name: 'exclamation-circle-filled',
  33             className: 'color-danger',
  34         };
  35     }
  36
  37     return <Icon className={clsx([config.className, className])} name={config.name} size={4.5} {...rest} />;
  38 };
  39
  40 export default RecoveryStatusIcon;