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);