import React from "react";

const ZoomControlComponent = ({zoomInOnCenter}) => {
    return (
        <span>
            <button
                className="btn btn-default btn-circle btn-sm mr-1"
                title="Zoom in"
                onClick={() => zoomInOnCenter(true)}
            >
                <span className="fa fa-plus"/>
            </button>
            <button
                className="btn btn-default btn-circle btn-sm mr-1"
                title="Zoom out"
                onClick={() => zoomInOnCenter(false)}
            >
                <span className="fa fa-minus"/>
            </button>
        </span>
    );
};

export default ZoomControlComponent;