import React from "react";
import { Alert, AlertTitle, Box } from "@mui/material";
import { useTranslation } from "react-i18next";

const NotAllowed = () => {
  const { t } = useTranslation();

  return (
    <Box
      sx={{
        width: "100%",
        "& > * + *": {
          marginTop: 1
        }
      }}
    >
      <Alert variant="outlined" severity="error">
        <AlertTitle>{t("Announcements.NotAllowed.Title")}</AlertTitle>
        {t("Announcements.NotAllowed.Message")}
      </Alert>
    </Box>
  );
};

export default NotAllowed;
