coffee-ts/components/notification/Notification.tsx

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

interface NotificationProps {
  handleCloseNotification: () => void;
  notification: string;
  open: boolean;
}

const Notification: React.FC<NotificationProps> = ({ handleCloseNotification, notification, open }) => {
  return (
    <Snackbar
      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
      open={open}
      autoHideDuration={3000}
      onClose={handleCloseNotification}
    >
      <Alert
        onClose={handleCloseNotification}
        severity="success"
        sx={{ width: '100%', backgroundColor: 'green', color: 'white' }}
      >
        {notification}
      </Alert>
    </Snackbar>
  );
};

export default Notification;