Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
} from 'rxjs/operators'
import { Subject } from 'rxjs/Subject'
import { wait } from '../utils/wait'
import { POINTER_MOVE_EVENT, POINTER_STOP_EVENT } from '../../constants'
import { sendCommand } from '../services/socket'
import { calculateCircle } from '../../helpers/calculateCircle'
const Container = styled.div`
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
`
const Layer = styled.svg`
height: 100%;
width: 100%;
`
const Overlay = styled.path`
fill: rgba(0, 0, 0, 0.5);
fill-rule: evenodd;
stroke: none;
opacity: ${(props) => (props.show ? 1 : 0)};
transition: opacity 0.2s ease;
`
const mapEvent = (event, sizes) => {
event.preventDefault()
const touches = event.touches[0]