text: // material
  import { styled } from '@mui/material/styles';
  import { Card, Typography } from '@mui/material';
  // utils
  import { fShortenNumber } from '../../../utils/formatNumber';
  
  // ----------------------------------------------------------------------
  
  const RootStyle = styled(Card)(({ theme }) => ({
    boxShadow: 'none',
    textAlign: 'center',
    padding: theme.spacing(5, 0),
    color: theme.palette.error.darker,
    backgroundColor: theme.palette.error.lighter,
  }));
  
  // ----------------------------------------------------------------------
  
  const TOTAL = 23;
  
  export default function AppBugReports() {
    return (
      <RootStyle>
        <Typography variant='h3'>{fShortenNumber(TOTAL)}</Typography>
        <Typography variant='subtitle2' sx={{ opacity: 0.72 }}>
          Abertura de Contas Pendentes
        </Typography>
      </RootStyle>
    );
  }
  