import {OverlayTrigger, Tooltip} from "react-bootstrap";
import React from "react";

export function Notification({id, tip, content, sideMenuIsOpen, show, onHide}) {
    return (
        <OverlayTrigger
            placement="top"
            trigger={["click", "hover"]}
            style={{display: 'inline'}}
            show={show}
            overlay={props => <Tooltip id={id} {...props}>{tip}</Tooltip>}
            rootClose={!sideMenuIsOpen}
            onToggle={onHide}
            popperConfig={{
                strategy: 'fixed'
            }}
        >
            {content}
        </OverlayTrigger>
    )
}