@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
36 lines • 1.25 kB
JavaScript
import { IconButton, Badge as MuiBadge, badgeClasses, darken, styled, } from '@mui/material';
import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
export const SettingsIconBadge = styled(MuiBadge)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
gap: theme.spacing(1.25),
[`.${badgeClasses.badge}`]: {
width: 10,
height: 10,
borderRadius: '50%',
transform: 'translate(70%, -70%)',
},
}));
export const SettingsIconButton = styled(IconButton, {
shouldForwardProp: (props) => props !== 'variant',
})(({ theme, variant }) => {
switch (variant) {
case 'info':
return {
backgroundColor: getInfoBackgroundColor(theme),
'&:hover': {
backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
},
};
case 'warning':
return {
backgroundColor: getWarningBackgroundColor(theme),
'&:hover': {
backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
},
};
default:
break;
}
});
//# sourceMappingURL=SettingsButton.style.js.map