github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/ui/TooltipInfoIcon.tsx (about) 1 import React from 'react'; 2 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons/faInfoCircle'; 3 import Button from '@webapp/ui/Button'; 4 import styles from './TooltipInfoIcon.module.scss'; 5 6 export const TooltipInfoIcon = React.forwardRef(function TooltipInfoIcon( 7 props, 8 ref: React.ComponentProps<typeof Button>['ref'] 9 ) { 10 return ( 11 <Button 12 // needed for tooltip 13 // eslint-disable-next-line react/jsx-props-no-spreading 14 {...props} 15 ref={ref} 16 className={styles.noHover} 17 icon={faInfoCircle} 18 kind="float" 19 /> 20 ); 21 });