text: import { Typography } from "@material-ui/core";
  import React from "react";
  // import { makeStyles } from "@material-ui/core/styles";
  import permission_success from "./permission_success.svg";
  import permission_error from "./permission_error.svg";
  
  // const useStyles = makeStyles((theme) => ({
  //   button: {
  //     marginTop: theme.spacing(3),
  //     marginLeft: theme.spacing(1),
  //     color: "#2177cf",
  //   },
  // }));
  export default function CustomAlertLogo(props) {
    // const classes = useStyles();
    return (
      <div style={{ textAlign: "center", marginTop: 15 }}>
      
          <div><img src={props.type==="error"?  permission_error:permission_success} alt="Not found"/></div>
        
        <Typography variant="h5" gutterBottom>
          {props.heading}
        </Typography>
        <Typography variant="subtitle1">{props.description}</Typography>
        {props.children}
      </div>
    );
  }
  