import React from 'react'
import {
  connect,
} from 'react-redux'
import {
  doNavigate,
  doRemoveSnackBarSnack,
} from 'actions/app'
import {
  selectSnackBarSnacks,
} from 'selectors/app'
import SnackBar from './view'

const perform = (dispatch) => ({
  navigate: (path) => dispatch(doNavigate(path)),
  removeSnack: () => dispatch(doRemoveSnackBarSnack()),
})

const select = (state) => ({
  snacks: selectSnackBarSnacks(state),
})

export default connect(select, perform)(SnackBar)