import React from 'react';

export const LoadingTeamsForm = (): JSX.Element => {

  return (
    <>
      <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
        <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
          <tr>
            <th scope="col" className="px-6 py-3">
              Название команды
            </th>
            <th scope="col" className="px-6 py-3">
              Учебное заведение
            </th>
            <th scope="col" className="px-6 py-3">
              ФИО участников
            </th>
            <th scope="col" className="px-6 py-3">
              Класс
            </th>
          </tr>
        </thead>
        <tbody>
          <tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
            <th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap">
              Фиксики
            </th>
            <td className="px-6 py-4">
              МАОУ СОШ 103
            </td>
            <td className="px-6 py-4">
              Иван, Петр, Дмитрий
            </td>
            <td className="px-6 py-4">
              1
            </td>
          </tr>
        </tbody>
      </table>
    </>
  );
};

export default LoadingTeamsForm;