From d8a4387d7fdf5a217f050feedf6d5e16aa6c2b91 Mon Sep 17 00:00:00 2001
From: Advik Arora <aroraadvik@gmail.com>
Date: Fri, 22 Mar 2024 16:48:31 -0400
Subject: [PATCH] table component created

---
 compass/app/admin/page.tsx   |  8 ++++++
 compass/components/Table.tsx | 47 ++++++++++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 compass/app/admin/page.tsx
 create mode 100644 compass/components/Table.tsx

diff --git a/compass/app/admin/page.tsx b/compass/app/admin/page.tsx
new file mode 100644
index 0000000..f0d9d07
--- /dev/null
+++ b/compass/app/admin/page.tsx
@@ -0,0 +1,8 @@
+import Table from "@/components/Table";
+
+export default function Page() {
+    return (<>
+    <Table/>
+    </>)
+    
+}
\ No newline at end of file
diff --git a/compass/components/Table.tsx b/compass/components/Table.tsx
new file mode 100644
index 0000000..2b8cb28
--- /dev/null
+++ b/compass/components/Table.tsx
@@ -0,0 +1,47 @@
+import { Component } from "react"
+
+interface TableProps {
+    headers: object;
+    rows: object;
+  }
+
+const Table: React.FC<TableProps> = ({headers, rows}) => {
+
+<table>
+<caption>
+    Front-end web developer course 2021
+  </caption>
+  <thead>
+    <tr>
+      <th scope="col">Person</th>
+      <th scope="col">Most interest in</th>
+      <th scope="col">Age</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">Chris</th>
+      <td>HTML tables</td>
+      <td>22</td>
+    </tr>
+    <tr>
+      <th scope="row">Dennis</th>
+      <td>Web accessibility</td>
+      <td>45</td>
+    </tr>
+    <tr>
+      <th scope="row">Sarah</th>
+      <td>JavaScript frameworks</td>
+      <td>29</td>
+    </tr>
+    <tr>
+      <th scope="row">Karen</th>
+      <td>Web performance</td>
+      <td>36</td>
+    </tr>
+  </tbody>
+</table>
+
+}
+
+export default Table
\ No newline at end of file