Initial checkin

src/layouts/applications/data-tables/index.tsx

@@ -0,0 +1,67 @@
+/**
+=========================================================
+* Material Dashboard 2 PRO React TS - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
+
+Coded by www.creative-tim.com
+
+ =========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+*/
+
+// @mui material components
+import Card from "@mui/material/Card";
+
+// Material Dashboard 2 PRO React TS components
+import MDBox from "components/MDBox";
+import MDTypography from "components/MDTypography";
+
+// Material Dashboard 2 PRO React TS examples components
+import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
+import DashboardNavbar from "examples/Navbars/DashboardNavbar";
+import Footer from "examples/Footer";
+import DataTable from "examples/Tables/DataTable";
+
+// Data
+import dataTableData from "layouts/applications/data-tables/data/dataTableData";
+
+function DataTables(): JSX.Element {
+  return (
+    <DashboardLayout>
+      <DashboardNavbar />
+      <MDBox pt={6} pb={3}>
+        <MDBox mb={3}>
+          <Card>
+            <MDBox p={3} lineHeight={1}>
+              <MDTypography variant="h5" fontWeight="medium">
+                Datatable Simple
+              </MDTypography>
+              <MDTypography variant="button" color="text">
+                A lightweight, extendable, dependency-free javascript HTML table plugin.
+              </MDTypography>
+            </MDBox>
+            <DataTable table={dataTableData} />
+          </Card>
+        </MDBox>
+        <Card>
+          <MDBox p={3} lineHeight={1}>
+            <MDTypography variant="h5" fontWeight="medium">
+              Datatable Search
+            </MDTypography>
+            <MDTypography variant="button" color="text">
+              A lightweight, extendable, dependency-free javascript HTML table plugin.
+            </MDTypography>
+          </MDBox>
+          <DataTable table={dataTableData} canSearch />
+        </Card>
+      </MDBox>
+      <Footer />
+    </DashboardLayout>
+  );
+}
+
+export default DataTables;