import { Typography } from "@mui/material";

const ErrorOrEmpty = ({ isErrorOrEmpty }) => {
  return (
    <>
      {isErrorOrEmpty === "error" ? (
        <Typography
          variant="subtitle1"
          sx={{
            color: "#837e7e",
            fontWeight: "500",
            letterSpacing: 1,
            textAlign: "center",
            mt: "50%",
          }}
        >
          خطا در دریافت تاریخچه تماس دریافتی
        </Typography>
      ) : isErrorOrEmpty === "empty" ? (
        <Typography
          variant="subtitle1"
          sx={{
            color: "#837e7e",
            fontWeight: "500",
            letterSpacing: 1,
            textAlign: "center",
            mt: "50%",
          }}
        >
          تاریخچه ای برای تماس دریافتی یافت نشد
        </Typography>
      ) : (
        <></>
      )}
    </>
  );
};

export default ErrorOrEmpty;
