/* eslint-disable @typescript-eslint/no-explicit-any */
import React from "react";
import Tooltip from 'react-bootstrap/Tooltip';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';


const Tool=({content="",placement="top",classN="ri-question-fill q_hint",label="tools", size=0})=>{

    const tooltip2 = (
        <Tooltip id={`tooltip-${label}`}><span dangerouslySetInnerHTML={{ __html: content }}></span></Tooltip>
      );
      const triggers = ['hover', 'focus'];

    return(
        <OverlayTrigger
            placement={placement as any}
            overlay={tooltip2}
            trigger={triggers as any}
        >
    {size ?(
     <span className={classN} style={{ fontSize: `${size}px` }} />
    ) :(
    <span className={classN} />
    )}        
    </OverlayTrigger>
    );
}
export default Tool;