Module 204651

function(e,t,n){"use strict";n.d(t,{l:()=>R,A:()=>C});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(319354),l=n(990078),u=n(614820),c=n(862482),d=n(939249),_=n(241524),h=n(147925),f=n(461782),E=n(447404),p=n(17928),m=n(462887),g=n(736653),A=n(313961),I=n(309010),T=n(652215),S=n(375708),N=n(329333);function C(e){let{label:t,onClick:n,onKeyDown:r,onMouseEnter:s,onMouseLeave:d,onContextMenu:_,className:h,wrapperClassName:f,iconClassName:p,iconColor:m="currentColor",iconComponent:g,themeable:A=!1,disabled:I=!1,isActive:T=!1,tooltipPosition:S="top",shouldShowTooltip:C=!0,forceTooltipOpen:y=!1,buttonRef:O,grow:R,"aria-label":v,look:b,buttonText:L,size:D,color:w}=e,P=(0,u.O)(t);return(0,i.jsx)(E.A,{children:(0,i.jsx)(l.m,{position:S,__unsupportedReactNodeAsText:t,ariaHidden:!0,shouldShow:C,forceOpen:y,children:(0,i.jsxs)(c.$n,{"data-migration-pending":!0,look:b??c.$n.Looks.BLANK,size:D??c.$n.Sizes.NONE,color:w,onKeyDown:e=>{r?.(e)},onMouseDown:e=>{e.preventDefault()},onClick:n,onMouseEnter:s,onMouseLeave:d,onContextMenu:_??void 0,onFocus:e=>{s?.(e)},onBlur:d,disabled:I,innerClassName:a()(N.NL,{[N.eq]:null!=L}),className:a()({[N.vu]:T},h),wrapperClassName:f,buttonRef:O,grow:R,"aria-label":v??P,children:[(0,i.jsx)(g,{size:o.E.md,className:a()(p,{[N.pd]:null==L,[N.IW]:A,[N.vu]:T}),color:m}),L]})})})}let y={disconnect:N.Zf,join:N.fj,red:N.wv,white:N.ON,green:N.wL,yellow:N.D9,primaryDark:N.Zq,primaryLight:N.Zq,activeLight:N.H3,premiumGradient:N.ck},O={disconnect:N.Zf,join:N.fj,red:N.Xr,white:N.ON,green:N.Vu,yellow:N.D9,primaryDark:N.Zq,primaryLight:N.Zq,activeLight:N.H3,premiumGradient:N.ck};function R(e){let t,n,s,{ref:o,color:l,caretColor:u,caretAriaLabel:c,isActive:R=!1,className:v,iconClassName:b,onPopoutClick:L,popoutOpen:D=!1,popoutDisabled:w=!1,isTrayButton:P,applyStyles:M=!1,...x}=e,U=(t=(0,p.bG)([I.A],()=>I.A.getVoiceChannelId()),n=(0,p.bG)([A.A],()=>null!=t?A.A.getMode(t):null),s=(0,g.Ay)(),null!=l?l:n===T._Of.VOICE&&(0,m.q)(s)?R?"activeLight":"primaryLight":R?"white":"primaryDark"),k=(0,_.A)("(max-width: 456px)"),G=r.useRef(null),V=r.useContext(f.vG);r.useEffect(()=>{null!=G.current&&(V?G.current.pause():G.current.play())},[V]);let F=x.onContextMenu??L,B=null==L&&!P,H=null!=L&&!P,j=(0,i.jsx)(C,{...x,grow:!1,onContextMenu:F,iconClassName:a()(b,N.LF,B&&N.Ns),className:a()(k||M?v:null,R&&N.vu,N.wh,O[U],B&&N.Sy,P&&null!=L&&!k&&N.hA)});return k?j:(0,i.jsxs)("div",{ref:o,className:a()(N.re,D&&N.q6,v,H&&[N.TD,y[U]]),children:[j,null!=L?(0,i.jsx)(E.A,{children:(0,i.jsx)(d.D,{"aria-label":c??S.intl.string(S.t.PdRCRg),onClick:w?void 0:L,className:a()(N.cd,P&&N.Ml,O[u??U],D&&[N.q6,N.vu],w&&N.r9),children:(0,i.jsx)(h.A,{className:a()(N.gG,D&&N.ho,w&&N.r9)})})}):null]})}}