@metacell/geppetto-meta-ui/common/IconButtonWithTooltip.js

React components from geppetto-meta to create neuroscience applications and visualize data.

import React from 'react';
import Tooltip from '@mui/material/Tooltip';
import IconButton from '@mui/material/IconButton';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
export default (function (_ref) {
  var onClick = _ref.onClick,
    tooltip = _ref.tooltip,
    disabled = _ref.disabled,
    className = _ref.className,
    icon = _ref.icon,
    style = _ref.style;
  var faicon = icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
    icon: icon,
    className: " fa-xs "
  }) : /*#__PURE__*/React.createElement(React.Fragment, null);
  return /*#__PURE__*/React.createElement(Tooltip, {
    title: tooltip,
    placement: "left",
    disableFocusListener: true,
    disableTouchListener: true,
    className: "geppetto-tooltip"
  }, /*#__PURE__*/React.createElement(IconButton, {
    disabled: disabled,
    onClick: onClick,
    className: className,
    disableRipple: true,
    style: style
  }, faicon));
});