From 2657469964e24ffbeb905024532120395f6e797c Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Sun, 30 Jun 2024 18:55:39 -0400
Subject: move to Donetick Org, First commit frontend

---
 src/views/SummaryCard.jsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/views/SummaryCard.jsx

(limited to 'src/views/SummaryCard.jsx')

diff --git a/src/views/SummaryCard.jsx b/src/views/SummaryCard.jsx
new file mode 100644
index 0000000..ac1d23a
--- /dev/null
+++ b/src/views/SummaryCard.jsx
@@ -0,0 +1,31 @@
+import { Card, IconButton, Typography } from '@mui/joy'
+
+const SummaryCard = () => {
+  return (
+    <Card>
+      <div className='flex justify-between'>
+        <div>
+          <Typography level='h2'>Summary</Typography>
+          <Typography level='body-xs'>
+            This is a summary of your chores
+          </Typography>
+        </div>
+        <IconButton>
+          <MoreVert />
+        </IconButton>
+      </div>
+      <div className='flex justify-between'>
+        <div>
+          <Typography level='h3'>Due Today</Typography>
+          <Typography level='h1'>3</Typography>
+        </div>
+        <div>
+          <Typography level='h3'>Overdue</Typography>
+          <Typography level='h1'>1</Typography>
+        </div>
+      </div>
+    </Card>
+  )
+}
+
+export default SummaryCard
-- 
cgit