import * as _ from 'lodash'; import * as React from 'react'; import { zIndex } from 'ts/style/z_index'; export interface OverlayProps { style?: React.CSSProperties; onClick?: () => void; } const style: React.CSSProperties = { position: 'fixed', top: 0, right: 0, bottom: 0, left: 0, zIndex: zIndex.overlay, backgroundColor: 'rgba(0, 0, 0, 0.6)', }; export const Overlay: React.StatelessComponent = props => (
{props.children}
); Overlay.defaultProps = { style: {}, onClick: _.noop.bind(_), }; Overlay.displayName = 'Overlay';