import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { toastMessages } from '../../modules/toastMessages/selectors'
import { removeToastMessage } from '../../modules/toastMessages/actions'
import { removeEmailFromMuteList, removeDomainFromMuteList } from '../../modules/settings/actions'

import { IPopupToastMapStateToProps, IPopupMapDispatchToProps } from './interfaces'
import PopupToast from './PopupToast'

const mapStateToProps = (state: any) => ({
  toastMessages: toastMessages(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators({
    removeToastMessage,
    removeEmailFromMuteList,
    removeDomainFromMuteList,
  }, dispatch),
})

export default connect <IPopupToastMapStateToProps, IPopupMapDispatchToProps, null>(mapStateToProps, mapDispatchToProps)(PopupToast)