Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 12x 12x 1x 1x 12x | import React from 'react'; import PropTypes from 'prop-types'; import { makeStyles } from '@material-ui/core/styles'; import Tooltip from '@material-ui/core/Tooltip'; const useStyles = makeStyles(() => ({ tooltip: { backgroundColor: '#616161', }, })); const CustomTooltip = ({ children, ...props }) => { const classes = useStyles(); return ( <Tooltip classes={{ popper: classes.popper, tooltip: classes.tooltip }} PopperProps={{ modifiers: { flip: { behavior: ['right', 'top', 'left', 'bottom'], }, }, }} {...props} > {children} </Tooltip> ); }; CustomTooltip.propTypes = { children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]), }; export default CustomTooltip; |