EscolaLMS/Front

import { useTranslation } from "react-i18next";
import { Button } from "@escolalms/components/lib/components/atoms/Button/Button";
import { Title } from "@escolalms/components/lib/components/atoms/Typography/Title";
import { Text } from "@escolalms/components/lib/components/atoms/Typography/Text";
import { NoDataStyles } from "./NoDataStyles";
import { useHistory } from "react-router-dom";
import routeRoutes from "@/components/Routes/routes";

const ProfileStationaryEventsNoData = () => {
  const { t } = useTranslation();
  const history = useHistory();
  return (
    <NoDataStyles>
      <Title level={3}>{t("MyProfilePage.EmptyEventTitle")}</Title>
      <Text className="small-text">{t("MyProfilePage.EmptyEventText")}</Text>
      <Button onClick={() => history.push(routeRoutes.events)} mode="secondary">
        {t("MyProfilePage.EmptyEventsBtnText")}
      </Button>
    </NoDataStyles>
  );
};

export default ProfileStationaryEventsNoData;