import Table from "./TablePage";
import SearchField from "../../../../../Components/DataTable/SearchField";

import EditHomeWorkModel from "./Model/EditModel";
import AddHomeWorkModel from "./Model/AddModel";
import DeleteHomeWorkModel from "./Model/Delete";
import { useTranslation } from "react-i18next";

const TableHeader = () => {
  const [t] = useTranslation();
  return (
    <div className="TableWithHeader">
      <header>
        <h6>{t("header.student_homework")}</h6>
        <div className="Selects"></div>
      </header>
      <SearchField
        searchBy="title_homework"
        placeholder={"practical.search_here"}
      />

      <Table />

      <AddHomeWorkModel />
      <EditHomeWorkModel />
      <DeleteHomeWorkModel />
    </div>
  );
};

export default TableHeader;
