Initial Commit

frontend/src/components/dashboard/DashboardCard.tsx

@@ -0,0 +1,18 @@
+import Col from "react-bootstrap/Col";
+import Card from "react-bootstrap/Card";
+import {ReactNode} from "react";
+
+/**
+ * Wrapper component for dashboard cards. Formats children into the card body
+ */
+export default function DashboardCard({children}: { children: ReactNode }) {
+    return (
+        <Col>
+            <Card className="h-100">
+                <Card.Body>
+                    {children}
+                </Card.Body>
+            </Card>
+        </Col>
+    )
+}