import React from 'react';
import { Tooltip as Tippy } from 'react-tippy';

import 'react-tippy/dist/tippy.css';

// Use a wrapper component even though it doesn't really add any functionality
// In the future we'll add a Manager wrapper so that multiple tooltips cannot be shown at once
export default class ToolTip extends React.PureComponent {

    render() {
        const { children, ...tipProps } = this.props;
        return (
            <Tippy
                {...tipProps}
            >
                {children}
            </Tippy>
        );
    }

}