@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.
27 lines • 1.18 kB
JavaScript
import { Button, buttonClasses, styled } from '@mui/material';
export const ButtonTertiary = styled(Button)(({ theme }) => ({
color: theme.vars.palette.text.primary,
height: 40,
fontSize: 14,
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
'&:hover, &:active': {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)`,
},
[`&.${buttonClasses.loading}:disabled`]: {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
},
...theme.applyStyles('dark', {
color: theme.vars.palette.text.primary,
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
'&:hover, &:active': {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)`,
},
[`&.${buttonClasses.loading}:disabled`]: {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
},
}),
[`.${buttonClasses.loadingIndicator}`]: {
color: theme.vars.palette.text.primary,
},
}));
//# sourceMappingURL=ButtonTertiary.js.map