import React, {Component} from 'react';
import ReactDOM from 'react-dom';


interface TooltipPortalProps {
    wrapperElement?: HTMLElement | null;
}

export default class TooltipPortal extends React.PureComponent<TooltipPortalProps> {
    wrapperElement: HTMLElement;

    constructor(props) {
      super(props);
      this.wrapperElement = document.createElement('div');
    }

    componentDidMount() {
      document.body.appendChild(this.wrapperElement);
    }

    componentWillUnmount() {
      document.body.removeChild(this.wrapperElement);
    }

    render() {
      return ReactDOM.createPortal(this.props.children, this.wrapperElement);
    }
}