import{__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import e from"prop-types";import{makeStyles as r,Tooltip as o,IconButton as a,Badge as p}from"@material-ui/core";import{isNativeDetected as s,isMobileDetected as m}from"../../../utils/mobileDetect.js";import l from"../../Avatar/index.js";import n from"./BadgeIcon.js";var d=s||m,g=r((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}}})),c=function(e){var r=e.displayName,s=e.imgSrc,m=e.size,c=g();return i(o,t({title:!d&&"Add Comment",placement:"bottom",classes:{tooltip:c.tooltip}},{children:i(a,t({classes:{root:c.icon}},{children:i(p,t({classes:{badge:c.badge},badgeContent:i(n,{})},{children:i(l,{displayName:r,size:m,imgSrc:s})}))}))}))},f={displayName:e.string,imgSrc:e.string,size:e.number};c.propTypes=f,c.defaultProps={displayName:"",imgSrc:void 0,size:24};export{c as default};
