import React from 'react';
import {Tooltip as BTooltip, TooltipProps as BootstrapTooltipProps, OverlayTrigger} from 'react-bootstrap';
import "./Tooltip.scss"

interface TooltipProps extends BootstrapTooltipProps {
  containerClassName: string
}

const Tooltip = ({children, title, containerClassName = 'tooltip-container', ...props}: TooltipProps) => {
  return (
    <OverlayTrigger
      overlay={
        <BTooltip>
          {title || children}
        </BTooltip>
      }
      {...props}
    >
      <div className={containerClassName}>
        {children}
      </div>
    </OverlayTrigger>
  );
};

export default Tooltip;
export {Tooltip, TooltipProps};