kibana/x-pack/plugins/monitoring/public/components/tooltip/index.js

/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License;
 * you may not use this file except in compliance with the Elastic License.
 */

import React from 'react';
import { Tooltip as PuiTooltip } from 'pivotal-ui/react/tooltip';
import { OverlayTrigger as PuiOverlayTrigger } from 'pivotal-ui/react/overlay-trigger';

export const Tooltip = props => {
  const tooltip = (
    <PuiTooltip>{ props.text }</PuiTooltip>
  );

  return (
    <PuiOverlayTrigger
      placement={props.placement}
      trigger={props.trigger}
      overlay={tooltip}
    >
      <span className="overlay-trigger">
        <span className="monitoring-tooltip__trigger">
          { props.children}
        </span>
      </span>
    </PuiOverlayTrigger>
  );
};

Tooltip.defaultProps = {
  placement: 'top',
  trigger: 'click'
};