1  import { Typography, TypographyProps } from '@mui/material';
 2  
 3  export const TypographyGradient = ({ ...rest }: TypographyProps) => {
 4    return (
 5      <Typography
 6        sx={(theme) => ({
 7          color: 'transparent',
 8          backgroundClip: 'text !important',
 9          webkitTextFillColor: 'transparent',
10          background: theme.palette.gradients.aaveGradient,
11        })}
12        {...rest}
13      >
14        {rest.children}
15      </Typography>
16    );
17  };