// @flow /* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import withState from 'recompose/withState' import Snackbar from '@material-ui/core/Snackbar' import IconButton from '@material-ui/core/IconButton' import CloseIcon from '@material-ui/icons/Close' const handleClose = (updateIsOpen, keepClickAway, reason) => { if (keepClickAway || reason !== 'clickaway') { updateIsOpen(false) } } const handleExited = (updateIsOpen, handleDismissNotification) => { handleDismissNotification() updateIsOpen(true) } const NotificationsJSX = ({ notifications = [], handleDismissNotification, isOpen, updateIsOpen, }: { notifications?: Object[], handleDismissNotification: Function, currentSnackbar?: Object, isOpen: boolean, updateIsOpen: Function, }) => { const currentSnackbar = notifications[0] if (currentSnackbar) { const { mainAction, dismissable = true, keepClickAway, ...muiProps } = currentSnackbar const actions = mainAction ? [ // eslint-disable-next-line