@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.
34 lines • 980 B
JavaScript
import { Box, styled, Typography } from '@mui/material';
export const TextSecondaryContainer = styled(Box)(() => ({
display: 'flex',
alignItems: 'center',
flexWrap: 'wrap',
flex: 1,
}));
export const TextSecondary = styled(Typography, {
shouldForwardProp: (prop) => !['dot'].includes(prop),
})(({ theme }) => ({
fontSize: 12,
lineHeight: 1,
fontWeight: 500,
color: theme.vars.palette.text.secondary,
whiteSpace: 'nowrap',
variants: [
{
props: ({ dot }) => dot,
style: {
color: `rgba(${theme.vars.palette.text.secondaryChannel} / 0.56)`,
},
},
],
}));
export const TokenDivider = styled(Box)(({ theme }) => ({
height: 16,
borderLeftWidth: 2,
borderLeftStyle: 'solid',
borderColor: theme.vars.palette.grey[300],
...theme.applyStyles('dark', {
borderColor: theme.vars.palette.grey[800],
}),
}));
//# sourceMappingURL=Token.style.js.map