Module 667086

function(e,s,o){o.r(s),o.d(s,{default:()=>M});var t=o(477900),n=o(582128),i=o(503698),c=o.n(i),l=o(877227),a=o(17928),r=o(319354),u=o(782603),d=o(661531),p=o(331322),h=o(696986),m=o(866665),x=o(939249),f=o(573435),A=o(418842),j=o(309010),k=o(723702),C=o(851109),N=o(394953),g=o(355216),E=o(625864),O=o(652215),y=o(375708),P=o(130605);let R={cozy:0,default:0,compact:0},v={cozy:0,default:0,compact:0},z={cozy:95,default:84,compact:72};function B(e){let{onClick:s,selectedOverride:o=!1,popoutProps:i,ref:l,focusSectionProps:a}=e,[j,C]=n.useState(!1),E=(0,N.lI)(),O=o||E,B=o||O,M=(0,t.jsx)(u.X,{className:P.Kk,color:j||B?d.A.colors.ICON_STRONG:d.A.colors.ICON_MUTED,size:"sm"}),{badge:S,badgeType:_}=(0,g.ux)({isSelected:O}),b=(0,k.isDesktop)(),D=(0,A.C)(),I=(0,k.isMac)()?R[D]:b?v[D]:z[D];return(0,t.jsxs)(p.B,{gap:0,direction:"horizontal",children:[(0,t.jsx)(h.h,{size:I,horizontal:!0}),(0,t.jsx)(m.m,{asContainer:!0,shouldShow:!B,text:y.intl.string(y.t.HcoRu0),children:(0,t.jsxs)(x.D,{innerRef:l,className:P.OV,...a,...i,onMouseEnter:()=>{C(!0)},onMouseLeave:()=>{C(!1)},onClick:()=>{s?.(),i?.onClick?.()},children:[(0,t.jsx)("div",{className:c()(P.P0,null),children:"unread"===_?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(f.Ay,{width:r.E.sm,height:r.E.sm,mask:f.Ay.Masks.HEADER_BAR_BADGE_BOTTOM,children:M}),(0,t.jsx)("div",{className:P.Zm})]}):M}),S]})})]})}function M(){let{focusSectionProps:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=n.useRef(null),{notificationCenterVariant:o}=(0,C.X8)({location:"NotificationsInboxButton"}),i=(0,a.bG)([j.Ay],()=>j.Ay.getChannelId()),c=n.useMemo(()=>O.BVt.CHANNEL(O.gNP,i??void 0),[i]),r=(0,g.HN)();return o===C.U5.SIDEBAR?(0,t.jsx)(B,{onClick:()=>{r(),(0,l.pX)(c)},focusSectionProps:e}):o===C.U5.POPOUT?(0,t.jsx)(E.A,{targetElementRef:s,popoutPosition:"bottom",popoutAlign:"left",spacing:2,children:(o,n,i)=>(0,t.jsx)(B,{ref:s,selectedOverride:n,onClick:()=>{r(),o()},popoutProps:i,focusSectionProps:e})}):null}}