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