1  import { Switch } from '@mui/material';
 2  import React from 'react';
 3  
 4  import { ListItemIsolationBadge } from './ListItemIsolationBadge';
 5  
 6  interface ListItemUsedAsCollateralProps {
 7    isIsolated: boolean;
 8    usageAsCollateralEnabledOnUser: boolean;
 9    canBeEnabledAsCollateral: boolean;
10    onToggleSwitch: () => void;
11    // directly disable without additional canBeEnabledAsCollateral check for migration page
12    disabled?: boolean;
13  }
14  
15  export const ListItemUsedAsCollateral = ({
16    isIsolated,
17    usageAsCollateralEnabledOnUser,
18    canBeEnabledAsCollateral,
19    onToggleSwitch,
20    disabled,
21  }: ListItemUsedAsCollateralProps) => {
22    const isEnabled = usageAsCollateralEnabledOnUser && canBeEnabledAsCollateral;
23    return (
24      <>
25        {!isIsolated ? (
26          <Switch
27            onClick={onToggleSwitch}
28            disableRipple
29            checked={isEnabled}
30            disabled={!canBeEnabledAsCollateral || disabled}
31          />
32        ) : (
33          <ListItemIsolationBadge>
34            <Switch
35              onClick={onToggleSwitch}
36              disableRipple
37              checked={isEnabled}
38              disabled={!canBeEnabledAsCollateral || disabled}
39            />
40          </ListItemIsolationBadge>
41        )}
42      </>
43    );
44  };