cluedin-widget/core/components/generics/overlayPanel.jsx

This is the project for creating and managing widgets in CluedIn.

import React, { Component } from 'react';

export default class OverlayPanel extends Component {

    close() {
        const {onClose} = this.props;

        onClose();
    }

    render() {
        const { show } = this.props;

        let style = {
            display: show ? 'block' : 'none'
        };

        return (<div style={style} className="cluedIn_overlayPanel">
            <div className="cluedIn_overlayPanel_content">
                <a onClick={this.close.bind(this)} className="cluedIn_overlayPanel_close">
                    <i className="fa fa-times"></i>
                </a>
                {this.props.children}
            </div>
        </div>);
    }
};