blob: 054c1e2852f38de485d5f9809af6e014f075a831 [file] [log] [blame]
AviZi280f8012017-06-09 02:39:56 +03001/*!
2 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
13 * or implied. See the License for the specific language governing
14 * permissions and limitations under the License.
15 */
talig8e9c0652017-12-20 14:30:43 +020016
AviZi280f8012017-06-09 02:39:56 +030017import React from 'react';
talig8e9c0652017-12-20 14:30:43 +020018import enhanceWithClickOutside from 'react-click-outside';
AviZi280f8012017-06-09 02:39:56 +030019
talig8e9c0652017-12-20 14:30:43 +020020class Overlay extends React.Component {
21
22 handleClickOutside() {
23 if (this.props.onClose) {
24 this.props.onClose();
25 }
26 }
27
28 render() {
29 return (
30 <div className='onboarding-overlay'>
31 <div className='arrow-up'></div>
32 <div className='arrow-border'/>
33 {this.props.children}
34 </div>
35 );
36 }
37
AviZi280f8012017-06-09 02:39:56 +030038};
39
talig8e9c0652017-12-20 14:30:43 +020040export default enhanceWithClickOutside(Overlay);