content: import React from 'react';
  import styled from 'styled-components';
  
  const Wrapper = styled.div`
    position: fixed;
    top:0;
    bottom:0;
    right: 0;
    left: 0;
    background-color: fade(@bg-color, 50%);
    z-index: 100;
    display:flex;
  `;
  
  const Child = styled.div`
    margin: auto;
  `;
  
  const FullScreenElement = ({ children, onClose }) => {
    const handleClose = () => {
      onClose();
    };
    const disableClick = (e) => {
      e.stopPropagation();
    };
    return (<Wrapper onClick={handleClose}>
      <Child onClick={disableClick}>
        {children}
      </Child>
    </Wrapper>);
  };
  
  FullScreenElement.propTypes = {
    children: React.PropTypes.element.isRequired,
    onClose: React.PropTypes.func.isRequired,
  };
  
  export default FullScreenElement;
  