import { useTranslation } from "react-i18next";
import { Suspense } from "react";
import { Spin } from "antd";
import useSetPageTitle from "../../../../Hooks/useSetPageTitle";
import PageHeader from "../../../../Layout/Dashboard/PageHeader";
import FilterLayout from "../../../../Layout/Dashboard/FilterLayout";
import FilterForm from "./Model/FilterForm";
import StudentInfoCard from "../../../../Components/student/StudentInfoCard";
import StudentAddressCard from "../../../../Components/student/AddressCard";
import { studentParamInfo } from "../../../../Components/student/StudentParam";
import StudentTabs from "./StudentTabs";

const TableHeader = () => {
  const [t] = useTranslation();
  useSetPageTitle(
    t(`page_header.users`) +
    "/ " +
    t(`PageTitle.students`)
    +
    " / " +
    t(`PageTitle.students_details`),
  );
  return (
    <div className="TableWithHeader single_student">
      <Suspense fallback={<Spin />}>
        <PageHeader
          pageTitle="users"
        />
        <div className="single_student_body">
          <div className="student_info">
            <StudentInfoCard data={studentParamInfo} name={"moaz dawalibi"} status={"subs"}/>
            <StudentAddressCard address={"adawi tjara dar alshfaa askn akan an aksn akn"}  />
          </div>
          <div className="student_table">
            <StudentTabs/>
          </div>

        </div>
      </Suspense>
    </div>
  );
};

export default TableHeader;