@centreon/react-components/src/MaterialComponents/Tooltip/index.js

react components used by centreon web frontend

/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */
/* eslint-disable react/prefer-stateless-function */

import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip';

const styles = () => ({
  tooltipStyle: {},
  iconButtonStyle: {
    padding: 5,
  },
});

class TooltipMaterial extends React.Component {
  render() {
    const { label, classes, children, onClick, customStyle } = this.props;
    return (
      <Tooltip title={label} className={classes.tooltipStyle} onClick={onClick}>
        <IconButton
          style={customStyle}
          aria-label={label}
          className={classes.iconButtonStyle}
        >
          {children}
        </IconButton>
      </Tooltip>
    );
  }
}

export default withStyles(styles)(TooltipMaterial);