summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/components/topologies/map/elements/GrayLayer.js
blob: 08c687f60cd977c0b5ec0b68498a5264669da0ab (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 PropTypes from 'prop-types'
import React from 'react'
import { Rect } from 'react-konva'
import { GRAYED_OUT_AREA_COLOR } from '../../../../util/colors'
import { MAP_SIZE_IN_PIXELS } from '../MapConstants'

function GrayLayer({ onClick }) {
    return (
        <Rect
            x={0}
            y={0}
            width={MAP_SIZE_IN_PIXELS}
            height={MAP_SIZE_IN_PIXELS}
            fill={GRAYED_OUT_AREA_COLOR}
            onClick={onClick}
        />
    )
}

GrayLayer.propTypes = {
    onClick: PropTypes.func,
}

export default GrayLayer