manage family

2023-05-20 04:38:35 -04:00
parent 97b2d08413
commit 931a67bf36
4 changed files with 320 additions and 0 deletions
@@ -0,0 +1,24 @@
+import React, { useState } from "react";
+import LoadingSpinner from "../Spinners/LoadingSpinner";
+
+export default function FamilyManageTabs({ className, familyList, loader }) {
+    return (
+        <div
+            className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow min-h-[520px] max-h-[600px] ${
+                className || ""
+            }`}
+        >
+            <div className="relative w-full overflow-x-auto sm:rounded-lg">
+                {loader ? (
+                    <div className="h-full min-h-[500px] w-full overflow-hidden flex justify-center items-center">
+                        <LoadingSpinner size="16" color="sky-blue" />
+                    </div>
+                ) : (
+                    <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 relative">
+
+                    </table>
+                )}
+            </div>
+        </div>
+    );
+}