export interface TooltipProps {
  /** Element or component that renders the tooltip when mouse pass over it */
  children?: JSX.Element | JSX.Element[] | any;
  /** Text that is display when tooltip opens */
  title?: JSX.Element | JSX.Element[] | string;
  /** Defines the placement where the tooltip is rendered around the element or component used as tooltip */
  placement?:
    | "top-start"
    | "top"
    | "top-end"
    | "left-start"
    | "left"
    | "left-end"
    | "right-start"
    | "right"
    | "right-end"
    | "bottom-start"
    | "bottom"
    | "bottom-end";
    /** If true, a little arrow is rendered poiting to the element used as tooltip */
    arrow?: boolean;
    /** Specify an optional className to be added to your Button */
    className?: any
}
