@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.
32 lines • 942 B
JavaScript
import { Box, ButtonBase, styled, Typography } from '@mui/material';
export const CardRowButton = styled(ButtonBase)(({ theme }) => ({
background: 'none',
color: 'inherit',
border: 'none',
font: 'inherit',
cursor: 'pointer',
outline: 'inherit',
display: 'flex',
width: '100%',
justifyContent: 'space-between',
alignItems: 'center',
padding: theme.spacing(2),
borderRadius: theme.vars.shape.borderRadius,
}));
export const CardRowContainer = styled(Box)(({ theme }) => ({
display: 'flex',
width: '100%',
justifyContent: 'space-between',
alignItems: 'center',
padding: theme.spacing(2),
}));
export const CardValue = styled(Typography)({
lineHeight: '1.25',
fontWeight: 500,
});
export const CardTitleContainer = styled(Box)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
gap: theme.spacing(1.5),
}));
//# sourceMappingURL=CardButton.style.js.map