From 2462671700fb6c35bc38800de303b0444af69bcc Mon Sep 17 00:00:00 2001
From: Aj - Thomas <thomascamlong@gmail.com>
Date: Tue, 10 May 2022 18:57:04 +0200
Subject: [PATCH] Add Module wrapper

---
 components/modules/moduleWrapper.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 components/modules/moduleWrapper.tsx

diff --git a/components/modules/moduleWrapper.tsx b/components/modules/moduleWrapper.tsx
new file mode 100644
index 000000000..140a35f2f
--- /dev/null
+++ b/components/modules/moduleWrapper.tsx
@@ -0,0 +1,21 @@
+import { Card, FloatingTooltip, Tooltip, useMantineTheme } from '@mantine/core';
+import { IModule } from './modules';
+
+export default function ModuleWrapper(props: any) {
+  const { module }: { module: IModule } = props;
+  const theme = useMantineTheme();
+  console.log(module.title);
+  return (
+    <Card
+      mx="sm"
+      radius="lg"
+      shadow="sm"
+      style={{
+        // Make background color of the card depend on the theme
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : "white",
+      }}
+    >
+      {<module.component />}
+    </Card>
+  );
+}