1 files changed, 26 insertions, 0 deletions
diff --git a/src/views/History/InfoCard.jsx b/src/views/History/InfoCard.jsx
new file mode 100644
index 0000000..bf1ada8
--- /dev/null
+++ b/src/views/History/InfoCard.jsx
@@ -0,0 +1,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