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