!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ed27f06a-6d6a-4640-86f1-693b7e70f994",e._sentryDebugIdIdentifier="sentry-dbid-ed27f06a-6d6a-4640-86f1-693b7e70f994")}catch(e){}}(),(self.webpackChunktwitch_twilight=self.webpackChunktwitch_twilight||[]).push([[27561],{627561:function(e,t,n){n.d(t,{t:function(){return O}});var i=n(58168),r=n(198587),o=n(166408),a=n(779115),l=n(693523),c=n(735665),s=n(111742),f=n(27346),d=n(72127),u=n(818120),g=n(296540),h=n(79004),v=n(959340),b=n(914421),m=n(659480),y=n(153477),p=n(955522),w=n(792486),I=n(312663),x=n(907666),C=n(474848),k=["label","children","fontWeight","originalIndex","padding","textAlign","size","activeIndicator","isFocused","subtitleFontSize","onKeyDown","justifyContent","isFirst","isLast"],j="0.2rem",A="0.2rem",z=(0,l.I4)(w.M).withConfig({displayName:"ScInteractive",componentId:"sc-iekec1-0"})(["display:flex;align-items:center;justify-content:center;height:100%;width:100%;line-height:1;min-height:100%;padding:0.1rem;color:inherit;&:hover{text-decoration:none;}"]),S=(0,l.I4)(v.P).withConfig({displayName:"ScTextWrapper",componentId:"sc-iekec1-1"})(["white-space:nowrap;"]),D=(0,l.I4)(v.P).withConfig({displayName:"ScTabIndicatorLayout",componentId:"sc-iekec1-2"})(["flex-grow:0;height:",";width:100%;position:relative;bottom:-",";"],j,A),L=l.I4.div.withConfig({displayName:"ScTitle",componentId:"sc-iekec1-3"})(["font-family:",";font-weight:",";line-height:",";font-size:",";"],(function(e){return e.$size===x.v.Default?(0,m.b)("tab-font-family-default"):(0,m.b)("tab-font-family-large")}),(function(e){return e.$size===x.v.Default?(0,y.C)("font-weight-semibold"):(0,y.C)("font-weight-medium")}),(0,y.C)("line-height-heading"),(function(e){return e.$size===x.v.Default?(0,m.b)("tab-font-size-default"):(0,m.b)("tab-font-size-large")})),N=function(e,t){var n,o,a=e.label,l=e.children,c=e.fontWeight,s=void 0===c?b.IT.Regular:c,f=e.originalIndex,d=e.padding,u=(e.textAlign,e.size),h=e.activeIndicator,m=e.isFocused,y=e.subtitleFontSize,p=e.onKeyDown,w=e.justifyContent,x=e.isFirst,j=void 0!==x&&x,N=e.isLast,R=void 0!==N&&N,W=(0,r.A)(e,k),T=(0,g.useRef)(null),F=(0,g.useRef)(!1),E=W.onClick;(0,g.useEffect)((function(){var e;F.current?m&&(null==(e=T.current)||e.focus()):F.current=!0}),[m]),"string"==typeof a?n=a:"object"==typeof a&&(n=a[0],o=a[1]);var P=(0,g.useCallback)((function(e){E&&E(e,f)}),[E,f]),B=d||("flex-start"===w&&j?{left:0,right:1}:"flex-end"===w&&R?{left:1,right:0}:{x:1});return(0,C.jsxs)(v.P,{as:"li",role:"presentation",flexGrow:void 0===w?1:0,alignItems:"center",justifyContent:"center",margin:"flex-end"===w?{left:j?"auto":void 0}:"center"===w?{left:j?"auto":void 0,right:R?"auto":void 0}:void 0,padding:A,height:"calc(100% - "+A+" * 2)",color:h?b.Q1.Link:b.Q1.Base,children:[(0,C.jsx)(z,(0,i.A)({},W,{onClick:P,onKeyDown:p,role:"tab","aria-selected":!!h,tabIndex:h?W.tabIndex:-1,ref:T,children:(0,C.jsx)(v.P,{textAlign:["center",void 0].includes(w)?b.nO.Center:b.nO.Left,display:b.nl.Flex,flexDirection:b.bo.Column,padding:B,fontWeight:s,children:(0,C.jsxs)(S,{ref:t,display:"flex",justifyContent:"center",flexDirection:"column",flexGrow:1,height:"100%",fontWeight:s,children:[n&&(0,C.jsx)(L,{$size:u,children:n}),o&&(0,C.jsx)(I.N,{fontSize:null!=y?y:b.Z4.Size4,children:o}),l]})})})),(0,C.jsx)(D,{padding:B,children:h})]})};N.displayName="TabItemComponent";var R=(0,g.forwardRef)(N);R.displayName=N.displayName;var W=(0,p.i)(R),T=l.I4.div.withConfig({displayName:"ScActiveIndicator",componentId:"sc-15g6065-0"})(["height:",";transition:",";transform:",";transform-origin:0 0;background-color:currentColor;"],j,(function(e){return"none"===e.$transform?"0.2s transform ease":"none"}),(function(e){return e.$transform})),F=function(e){var t=e.transform;return(0,C.jsx)(T,{$transform:t})};F.displayName="ActiveIndicator";var E,P=["activeTabIndex","borderBottom","height","justifyContent","size","tabs"];!function(e){e.ActiveTabIndicator="ACTIVE_TAB_INDICATOR"}(E||(E={}));var B=(0,l.I4)(v.P).withConfig({displayName:"ScScrollArea",componentId:"sc-17qqzr5-0"})(["&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),O=function(e){var t=e.activeTabIndex,n=e.borderBottom,l=e.height,m=e.justifyContent,y=e.size,p=void 0===y?"default":y,w=e.tabs,I=(0,r.A)(e,P),x=(0,g.useState)(0|t),k=x[0],j=x[1],A=(0,g.useState)(-1),z=A[0],S=A[1],D=(0,g.useState)("none"),L=D[0],N=D[1],R=(0,g.useRef)([]),T=(0,g.useRef)(0|t),O=(0,c.Oe)()?"auto":"smooth",_=function(){var e=(0,g.useState)(!1),t=e[0],n=e[1],i=(0,g.useRef)(null),r=(0,g.useCallback)((function(){n(!!i.current&&i.current.scrollWidth>i.current.offsetWidth)}),[i]),o=(0,u.d)(r,150,{leading:!0,trailing:!0});return(0,g.useLayoutEffect)((function(){return r(),window.addEventListener("resize",o),function(){window.removeEventListener("resize",o)}}),[r,o]),{containerRef:i,isOverflowing:t,calculateIsOverflowing:r}}(),$=_.calculateIsOverflowing,K=_.containerRef,V=_.isOverflowing;(0,g.useEffect)((function(){$()}),[$,w]),(0,g.useLayoutEffect)((function(){var e=function(e,t){return e&&t?["translateX("+(e.getBoundingClientRect().left-t.getBoundingClientRect().left)+"px)","scaleX("+e.clientWidth/t.clientWidth+")"].join(" "):"none"}(R.current[T.current],R.current[t]);N(e),j(t),T.current=t}),[t,T,R]),(0,g.useEffect)((function(){N("none")}),[L]);var Q=(0,u.d)((function(){var e=K.current;if(e)return e.scrollLeft>0?e.scrollLeft<e.scrollWidth-e.offsetWidth-2?void S(0):void S(1):void S(-1)}),75,{leading:!0,trailing:!0}),X=function(e){var t=K.current;if(t){var n=.5*t.clientWidth;t.scrollBy({left:e?-n:n,behavior:O})}},q={default:"0.3rem",large:"0.5rem"},G=function(e,t){t.preventDefault(),j(e),R.current[e].scrollIntoView({behavior:O,inline:"center"})},Z={tabIndex:-1,"aria-hidden":!0,"aria-label":"",size:{default:"small",large:"default"}[p]},M=m?void 0:"1fr",H=(0,s.DP)();return(0,C.jsxs)(v.P,{className:"tw-tabs",display:"flex",position:"relative",alignItems:"center",justifyContent:m,borderBottom:void 0===n||n,width:"100%",height:function(){if(l)return l;var e={1:{default:H.tokenValues["tab-height-default"],large:H.tokenValues["tab-height-large"]},2:{default:"4.9rem",large:"6rem"}};return function(e){return-1<e.findIndex((function(e){return"object"==typeof e.label&&e.label.length>1}))}(w)?e[2][p]:e[1][p]}(),children:[V&&(0,C.jsx)(v.P,{padding:q[p],children:(0,C.jsx)(h.a2,(0,i.A)({},Z,{onClick:function(){X(!0)},icon:o.Q,disabled:-1===z}))}),(0,C.jsx)(B,(0,i.A)({as:"ul",role:"tablist",ref:K,overflowX:"auto",onScroll:Q,fontSize:b.Z4.Size4,width:m?void 0:"100%",height:"100%",display:"inline-grid",gridAutoFlow:"column",gridAutoColumns:M,alignItems:b.k2.Center},(0,f.Fh)(I),(0,d.g)(I),{children:w.map((function(e,n){return function(e,n){var r=t===n;return(0,g.createElement)(W,(0,i.A)({},e,{ref:function(e){e&&(R.current[n]=e)},key:n,padding:e.padding,"data-index":n,size:p,fontWeight:e.fontWeight,justifyContent:m,activeIndicator:r?(0,C.jsx)(F,{transform:L,"data-test-selector":E.ActiveTabIndicator}):void 0,isFocused:k===e.originalIndex,onKeyDown:function(e){if("ArrowLeft"===e.key&&n>0)G(k-1,e);else if("ArrowRight"===e.key&&k<w.length-1)G(k+1,e);else if(k===n&&(" "===e.key||"Spacebar"===e.key||"Enter"===e.key)){var t,i;null==(t=(i=w[n]).onClick)||t.call(i,e,n)}},isFirst:0===n,isLast:n===w.length-1}))}((0,i.A)({},e,{originalIndex:n,isFocused:k===n}),n)}))})),V&&(0,C.jsx)(v.P,{padding:q[p],children:(0,C.jsx)(h.a2,(0,i.A)({},Z,{onClick:function(){return X()},icon:a.R,disabled:1===z}))})]})};O.displayName="Tabs"},907666:function(e,t,n){var i;n.d(t,{v:function(){return i}}),function(e){e.Default="default",e.Large="large"}(i||(i={}))}}]);