stitch-ui/src/core/components/Tooltip.js

// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react";
import ReactTooltip from "react-tooltip";
import FontAwesome from "react-fontawesome";

function Tooltip({ dataFor, place, effect, classNames, children }) {
  return (
    <span>
      <span data-tip data-for={dataFor}>
        <FontAwesome className={classNames} name="info-circle" />
      </span>
      <ReactTooltip id={dataFor} place={place} type="info" effect={effect}>
        <span>
          {children}
        </span>
      </ReactTooltip>
    </span>
  );
}

export default Tooltip;