text: import React from "react";
  
  // imports for 3rd party libraries
  import PropTypes from "prop-types";
  
  // imports for components from MUI library
  import Snackbar from "@material-ui/core/Snackbar";
  import IconButton from "@material-ui/core/IconButton";
  import CloseIcon from "@material-ui/icons/Close";
  
  const MuiSnackbar = ({ isOpen, message, handleClose }) => {
    return (
      <Snackbar
        anchorOrigin={{
          vertical: "bottom",
          horizontal: "left",
        }}
        open={isOpen}
        autoHideDuration={3000}
        onClose={handleClose}
        message={message}
        action={
          <React.Fragment>
            <IconButton
              size="small"
              aria-label="close"
              color="inherit"
              onClick={handleClose}
            >
              <CloseIcon fontSize="small" />
            </IconButton>
          </React.Fragment>
        }
      />
    );
  };
  
  MuiSnackbar.propTypes = {
    isOpen: PropTypes.bool.isRequired,
    message: PropTypes.string.isRequired,
    handleClose: PropTypes.func.isRequired,
  };
  
  export default MuiSnackbar;
  