import { connect } from "react-redux";
import { zoomInOnCenter } from "../../../../actions/map";
import ZoomControlComponent from "../../../../components/app/map/controls/ZoomControlComponent";

const mapStateToProps = state => {
  return {
    mapScale: state.map.scale
  };
};

const mapDispatchToProps = dispatch => {
  return {
    zoomInOnCenter: zoomIn => dispatch(zoomInOnCenter(zoomIn))
  };
};

const ZoomControlContainer = connect(mapStateToProps, mapDispatchToProps)(
  ZoomControlComponent
);

export default ZoomControlContainer;