import r from"@babel/runtime/helpers/defineProperty";import e from"classnames";import{makeStyles as a}from"@material-ui/core";import{AvatarComponent as o}from"../../Avatar/index.js";import i from"../../UserCardPopover.js";import{isNativeDetected as t}from"../../../utils/mobileDetect.js";import m from"../../Icons/RecommendationIcon.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";var l=a({avatarWrapper:{width:32,height:32,backgroundColor:"grey",borderRadius:"100%",position:"absolute",top:22,left:-16},avatarWrapperNative:{left:"auto"},recommendationWrapper:{position:"absolute",bottom:-8,right:-6}}),n=function(a){var n,d,c=a.displayName,u=a.feedItem,v=a.isRecommended,f=a.currentUser,h=l();return s("div",{className:e(h.avatarWrapper,r({},h.avatarWrapperNative,t)),children:[t?p(o,{displayName:c,imgSrc:null===(n=u.user)||void 0===n?void 0:n.profile_photo,size:32}):p(i,{user:u.user,currentUser:f,children:p(o,{displayName:c,imgSrc:null===(d=u.user)||void 0===d?void 0:d.profile_photo,size:32,className:h.avatar})}),v&&p("div",{className:h.recommendationWrapper,children:p(m,{})})]})};export{n as default};
//# sourceMappingURL=AvatarIcon.js.map
