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),d=n(862482),c=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:c,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:v,grow:R,"aria-label":O,look:b,buttonText:L,size:D,color:P}=e,w=(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)(d.$n,{"data-migration-pending":!0,look:b??d.$n.Looks.BLANK,size:D??d.$n.Sizes.NONE,color:P,onKeyDown:e=>{r?.(e)},onMouseDown:e=>{e.preventDefault()},onClick:n,onMouseEnter:s,onMouseLeave:c,onContextMenu:_??void 0,onFocus:e=>{s?.(e)},onBlur:c,disabled:I,innerClassName:a()(N.NL,{[N.eq]:null!=L}),className:a()({[N.vu]:T},h),wrapperClassName:f,buttonRef:v,grow:R,"aria-label":O??w,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},v={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:d,isActive:R=!1,className:O,iconClassName:b,onPopoutClick:L,popoutOpen:D=!1,popoutDisabled:P=!1,isTrayButton:w,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&&!w,j=null!=L&&!w,H=(0,i.jsx)(C,{...x,grow:!1,onContextMenu:F,iconClassName:a()(b,N.LF,B&&N.Ns),className:a()(k||M?O:null,R&&N.vu,N.wh,v[U],B&&N.Sy,w&&null!=L&&!k&&N.hA)});return k?H:(0,i.jsxs)("div",{ref:o,className:a()(N.re,D&&N.q6,O,j&&[N.TD,y[U]]),children:[H,null!=L?(0,i.jsx)(E.A,{children:(0,i.jsx)(c.D,{"aria-label":d??S.intl.string(S.t.PdRCRg),onClick:P?void 0:L,className:a()(N.cd,w&&N.Ml,v[u??U],D&&[N.q6,N.vu],P&&N.r9),children:(0,i.jsx)(h.A,{className:a()(N.gG,D&&N.ho,P&&N.r9)})})}):null]})}}