import React from 'react' ; import { Avatar , Tooltip } from '@material-ui/core' ; import { withStyles } from '@material-ui/core/styles' ; import ContributorTooltipContent from '../ContributorTooltipContent' ; import { ContributorData } from '../../../../types' ; type Props = { contributor : ContributorData ; } ; const LightTooltip = withStyles ( { tooltip : { backgroundColor : 'white' , border : '1px solid lightgrey' , color : '#333' , minWidth : '320px' , } , } ) ( Tooltip ) ; const Contributor = ( { contributor } ) => ( < LightTooltip title = { < ContributorTooltipContent contributorLogin = { contributor . login } / > } interactive > < Avatar key = { contributor . login } alt = { contributor . login } src = { contributor . avatar_url } / > < /LightTooltip>); export default Contributor ;