src/views/History/InfoCard.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import { AddTask } from '@mui/icons-material'
import { Box } from '@mui/joy'
import Card from '@mui/joy/Card'
import CardContent from '@mui/joy/CardContent'
import Typography from '@mui/joy/Typography'
import * as React from 'react'

function InfoCard() {
  return (
    <Card sx={{ minWidth: 200, maxWidth: 200 }}>
      <CardContent>
        <Box mb={2} sx={{ textAlign: 'left' }}>
          <AddTask
            sx={{
              fontSize: '2.5em' /* Increase the font size */,
            }}
          />
        </Box>
        <Typography level='title-md'>You've completed</Typography>
        <Typography level='body-sm'>12345 Chores</Typography>
      </CardContent>
    </Card>
  )
}

export default InfoCard