import { connect } from "react-redux";
import {
  pauseSimulation,
  playSimulation
} from "../../../actions/simulation/playback";
import PlayButtonComponent from "../../../components/app/timeline/PlayButtonComponent";

const mapStateToProps = state => {
  return {
    isPlaying: state.isPlaying,
    currentTick: state.currentTick,
    lastSimulatedTick: state.lastSimulatedTick
  };
};

const mapDispatchToProps = dispatch => {
  return {
    onPlay: () => dispatch(playSimulation()),
    onPause: () => dispatch(pauseSimulation())
  };
};

const PlayButtonContainer = connect(mapStateToProps, mapDispatchToProps)(
  PlayButtonComponent
);

export default PlayButtonContainer;