blob: bf1ada88138536faea36fa0837605ba8702fd885 (
plain) (
blame)
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
|
