Tooltip with Icon and message:

const InfoIcon = require('../../visuals/Icon/svg/ic_info.svg');
<Tooltip
  icon={InfoIcon}
  message="This is a tooltip message. It is a nice one."
  name="toolTipName"
/>

Tooltip without Icon:

<div>
  <p
    data-tip="This is a tooltip message. It is a nice one. Even better then the first one"
    data-event='click'
    data-place="bottom"
    data-for='secondToolTipName'
    data-event-off="mouseout"
  >
    Some paragraph element that has a tooltip bound to it. CLICK ME!
  </p>
  <Tooltip name="secondToolTipName"/>
</div>

Tooltip with content instead of message:

const InfoIcon = require('../../visuals/Icon/svg/ic_info.svg');
<Tooltip
  icon={InfoIcon}
  name="toolTipWithContentName"
  content={<div>Hello, I am some content.</div>}
  showContent
/>