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

export function Tip({id, tip}) {
    return (
        <OverlayTrigger
            placement="auto"
            trigger={['click', 'hover', 'focus']}
            style={{display: 'inline'}}
            overlay={<Tooltip id={id}>{tip}</Tooltip>}
            rootClose
        >
            <img src={`/images/shop/icon-reminder.svg`} className="options-icon"/>
        </OverlayTrigger>
    );
}