import React from 'react';
import { IconButton } from '@atlaskit/button/new';
import Tooltip from '@atlaskit/tooltip';
import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
var LinkInfoButton = function LinkInfoButton(_ref) {
  var content = _ref.content,
    icon = _ref.icon,
    label = _ref.label,
    onClick = _ref.onClick,
    testId = _ref.testId,
    role = _ref.role;
  var onMouseDown = useMouseDownEvent();
  return /*#__PURE__*/React.createElement(Tooltip, {
    content: content,
    hideTooltipOnClick: true,
    tag: "span",
    testId: "".concat(testId, "-tooltip")
  }, /*#__PURE__*/React.createElement(IconButton, {
    appearance: "subtle",
    icon: icon,
    label: label,
    onClick: onClick,
    onMouseDown: onMouseDown,
    testId: "".concat(testId, "-button"),
    role: role
  }));
};
export default LinkInfoButton;