text: import { Avatar, Card, CardContent, Grid, Typography } from '@mui/material';
  import AttachMoneyIcon from '@mui/icons-material/AttachMoney';
  import AssignmentIcon from '@mui/icons-material/Assignment';
  export const TotalProfit = (props) => (
    <Card {...props}>
      <CardContent>
        <Grid
          container
          spacing={3}
          sx={{ justifyContent: 'space-between' }}
        >
          <Grid item>
            <Typography
              color="textSecondary"
              gutterBottom
              variant="overline"
            >
              Projekt Offene Tasks
            </Typography>
            <Typography
              color="textPrimary"
              variant="h4"
            >
              30
            </Typography>
          </Grid>
          <Grid item>
            <Avatar
              sx={{
                backgroundColor: 'primary.main',
                height: 56,
                width: 56
              }}
            >
              <AssignmentIcon />
            </Avatar>
          </Grid>
        </Grid>
      </CardContent>
    </Card>
  );
  