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