"use strict";var e=require("react/jsx-runtime"),t=require("@material-ui/core"),i=require("../../../utils/mobileDetect.js"),r=require("../../Avatar/index.js"),o=require("./BadgeIcon.js"),a=i.isNativeDetected||i.isMobileDetected,s=t.makeStyles((function(e){return{icon:{padding:0,"&:hover":{"& .MuiBadge-root .MuiBadge-badge svg path":{"&:first-of-type":{fill:e.palette.primary.light}},"& .MuiAvatar-root":{outline:"1px solid ".concat(e.palette.primary.light)}},marginTop:4},badge:{top:2,right:6,"&:hover":{"& svg path":{"&:first-of-type":{fill:e.palette.primary.light}}}},tooltip:{marginTop:8}}}));module.exports=function(i){var l=i.displayName,n=void 0===l?"":l,d=i.imgSrc,p=i.size,c=void 0===p?24:p,g=s();return e.jsx(t.Tooltip,{title:!a&&"Add Comment",placement:"bottom",classes:{tooltip:g.tooltip},children:e.jsx(t.IconButton,{classes:{root:g.icon},children:e.jsx(t.Badge,{classes:{badge:g.badge},badgeContent:e.jsx(o,{}),children:e.jsx(r.AvatarComponent,{displayName:n,size:c,imgSrc:d})})})})};
