import { SuspenseLoader } from "@/components/App/Loader";
import React from "react";

function TableNoData({
  isLoading,
  colSpan,
  message
}: {
  isLoading?: boolean | unknown;
  colSpan?: number;
  message?: string;
}) {
  return isLoading ? (
    <td colSpan={colSpan} className="text-center">
      <SuspenseLoader />
    </td>
  ) : (
    <tr>
      <td colSpan={colSpan} className="text-center">
        {message ?? "No data found"}
      </td>
    </tr>
  );
}

export default TableNoData;