import React, { useState } from "react";
import dataImage1 from "../../assets/images/data-table-user-1.png";
import LoadingSpinner from "../Spinners/LoadingSpinner";
import { useNavigate, useLocation, Link } from "react-router-dom";

export default function FamilyTasks({ className, 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">

                        <tr>
                            <td> Yes This are my tasks </td>
                        </tr>


                    </table>
                )}
            </div>
        </div>
    );
}