import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
import RbacWrapperComponent from "../../components/rbac-wrapper/rbac-wrapper.component";
import TechLookupJobsDrawer from "../../components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component";
import TechLookupJobsList from "../../components/tech-lookup-jobs-list/tech-lookup-jobs-list.component";

export default function TechLookupContainer() {
  const { t } = useTranslation();

  useEffect(() => {
    document.title = t("titles.techjoblookup");
  }, [t]);

  return (
    <div>
      <RbacWrapperComponent action="jobs:list-active">
        <TechLookupJobsList />
        <TechLookupJobsDrawer />
      </RbacWrapperComponent>
    </div>
  );
}