@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.
48 lines • 1.51 kB
JavaScript
import { Box, alpha, darken, lighten, styled } from '@mui/material';
import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
export const AlertMessageCard = styled(Box, {
shouldForwardProp: (prop) => prop !== 'severity',
})(({ theme }) => ({
borderRadius: theme.shape.borderRadius,
position: 'relative',
whiteSpace: 'pre-line',
width: '100%',
paddingBottom: theme.spacing(2),
backgroundColor: getInfoBackgroundColor(theme),
variants: [
{
props: {
severity: 'warning',
},
style: {
backgroundColor: getWarningBackgroundColor(theme),
},
},
],
}));
export const AlertMessageCardTitle = styled(Box, {
shouldForwardProp: (prop) => prop !== 'severity',
})(({ theme }) => ({
display: 'flex',
paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2),
paddingTop: theme.spacing(2),
gap: theme.spacing(1),
color: lighten(theme.palette.info.main, 0.24),
variants: [
{
props: {
severity: 'warning',
},
style: {
color: theme.palette.mode === 'light'
? darken(theme.palette.warning.main, 0.36)
: alpha(theme.palette.warning.main, 1),
},
},
],
...theme.applyStyles('light', {
color: theme.palette.info.main,
}),
}));
//# sourceMappingURL=AlertMessage.style.js.map