From b5494a53d6adba3800876201cbd57261556ad3d4 Mon Sep 17 00:00:00 2001
From: Erica Birdsong <97683338+ermaria@users.noreply.github.com>
Date: Tue, 26 Mar 2024 13:25:20 -0400
Subject: [PATCH] Added page interface

---
 compass/app/admin/layout.tsx            |  0
 compass/components/admin/PageLayout.tsx | 22 ++++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 compass/app/admin/layout.tsx
 create mode 100644 compass/components/admin/PageLayout.tsx

diff --git a/compass/app/admin/layout.tsx b/compass/app/admin/layout.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/compass/components/admin/PageLayout.tsx b/compass/components/admin/PageLayout.tsx
new file mode 100644
index 0000000..8ea9195
--- /dev/null
+++ b/compass/components/admin/PageLayout.tsx
@@ -0,0 +1,22 @@
+
+interface PageLayoutProps{
+    icon: React.ReactElement;
+    title: string;
+    table: React.ReactElement
+}
+
+export const PageLayout: React.FC<PageLayoutProps> = ({ icon, title, table }) => {
+    return(
+        <div flex-column> 
+            <div flex-row>
+                <span className="h-5 text-gray-500 w-5">
+                    {icon}
+                </span>
+                <span className="flex-grow font-medium text-xs text-gray-500">
+                    {title}
+                </span>
+            </div>
+            <span> {table} </span>
+         </div>
+    );
+};
\ No newline at end of file