summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/map/controls/ZoomControlComponent.js
blob: 65944bea8f98692e87c1e1414866f55ce9344d44 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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