@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.44 kB
JavaScript
import { listItemButtonClasses, ListItemButton as MuiListItemButton, styled, } from '@mui/material';
export const ListItemButton = styled(MuiListItemButton)(({ theme }) => {
return {
borderRadius: theme.vars.shape.borderRadius,
paddingLeft: theme.spacing(1.5),
height: 56,
'&:hover': {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
},
[`&.${listItemButtonClasses.selected}`]: {
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,
'&:hover': {
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,
},
...theme.applyStyles('dark', {
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,
'&:hover': {
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,
},
}),
},
variants: [
{
props: ({ disabled }) => disabled,
style: {
opacity: 0.5,
cursor: 'auto',
'&:hover': {
backgroundColor: 'none',
},
},
},
],
};
});
//# sourceMappingURL=ListItemButton.js.map