snackbar.js

import React from 'react';

import {Snackbar} from '@mui/material';

const SnackMsg = (props) => {
    return (
        <Snackbar
            open = {props.open}
            anchorOrigin={{vertical : 'bottom', horizontal : 'right'}}
            autoHideDuration={3000}
            onClose = {props.onClose}
            message={props.message}>
            <Alert onClose={props.onClose} severity="success" sx={{width: '100%'}}>
                {props.message}
            </Alert>
            </Snackbar>
    );
}

export default SnackMsg;