24 lines
408 B
JavaScript
24 lines
408 B
JavaScript
|
import React, { Component } from 'react'
|
||
|
|
import './Overlay.css'
|
||
|
|
|
||
|
|
export default class Overlay extends Component {
|
||
|
|
state = {
|
||
|
|
visible: false
|
||
|
|
}
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div id="overlayWrapper" onClick={this.props.onOuterClick}>
|
||
|
|
<div
|
||
|
|
id="overlayContent"
|
||
|
|
onClick={e => {
|
||
|
|
e.preventDefault()
|
||
|
|
e.stopPropagation()
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{this.props.children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|