"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40002],{22607:(t,e,a)=>{a.d(e,{_:()=>o});var o=function(t){return t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.ARROW_LEFT=37]="ARROW_LEFT",t[t.ARROW_RIGHT=39]="ARROW_RIGHT",t[t.ARROW_UP=38]="ARROW_UP",t[t.BACKSPACE=8]="BACKSPACE",t[t.END=35]="END",t[t.ENTER=13]="ENTER",t[t.ESCAPE=27]="ESCAPE",t[t.HOME=36]="HOME",t[t.PAGE_DOWN=34]="PAGE_DOWN",t[t.PAGE_UP=33]="PAGE_UP",t[t.SPACE=32]="SPACE",t[t.HYPHEN=189]="HYPHEN",t[t.HYPHEN_FIREFOX=173]="HYPHEN_FIREFOX",t}({})},40002:(t,e,a)=>{a.r(e),a.d(e,{default:()=>p});var o=a(29747),l=a(14232),n=a(34251),r=a(22607),c=a(19009),i=a(6833),E=a(18079),s=a(63276),d=a(44364),u=a(84265),A=a(63381),_=a(46605),R=a(36384);c.C.DARK,d.l.GLOBAL.WHITE,d.l.GLOBAL.WHITE,d.l.DARK.GRAY_40,c.C.LIGHT,d.l.GLOBAL.ORANGE,d.l.GLOBAL.BLACK,d.l.LIGHT.GRAY_70;let b={centerTabs:{textAlign:"center"},darkTabButton:[R.Il.primarySubhead,{"&:after":{backgroundColor:d.l.GLOBAL.WHITE,borderRadius:"1px",bottom:"-2px",content:'""',height:"2px",left:0,opacity:0,position:"absolute",right:0,transition:"opacity ".concat(_.E.MS100,"ms ").concat(u.U.CIRC_EASE_OUT)},'&:hover, &:focus, &:active, &[aria-selected="true"]':{color:d.l.GLOBAL.WHITE},'&[aria-selected="true"]:after':{opacity:1},color:d.l.DARK.GRAY_40,marginRight:A.E.SIZE_30,paddingBottom:A.E.SIZE_10,paddingTop:A.E.SIZE_10,position:"relative",textAlign:"left",transition:"color ".concat(_.E.MS100,"ms ").concat(u.U.CIRC_EASE_OUT)}],darkTabs:{display:"flex",marginBottom:A.E.SIZE_20},fullWidthTabButton:{flex:"1 1 auto"},fullWidthTabs:{flex:"1 0 auto"},leftTabs:{textAlign:"center"},lightTabButton:[R.Il.primarySubhead,{"&:after":{backgroundColor:d.l.GLOBAL.BLACK,borderRadius:"1px",bottom:"-2px",content:'""',height:"2px",left:0,opacity:0,position:"absolute",right:0,transition:"opacity ".concat(_.E.MS100,"ms ").concat(u.U.CIRC_EASE_OUT)},'&:hover, &:focus, &:active, &[aria-selected="true"]':{color:d.l.GLOBAL.BLACK},'&[aria-selected="true"]:after':{opacity:1},color:d.l.LIGHT.GRAY_70,marginRight:A.E.SIZE_30,paddingBottom:A.E.SIZE_10,paddingTop:A.E.SIZE_10,position:"relative",transition:"color ".concat(_.E.MS100,"ms ").concat(u.U.CIRC_EASE_OUT)}],lightTabs:{borderBottom:E.s.SOLID_GRAY_20_1PX,marginBottom:A.E.SIZE_20,paddingLeft:A.E.SIZE_20,[s.MQ.M]:{}},panel:{'&[aria-hidden="true"]':{display:"none"}}},p=function(t){let{children:e,id:a,label:E,renderCurrentTabOnly:s,tabsLabels:d,fullWidth:u=!1,theme:A=c.C.DARK,onChange:_,value:R=0,customContainerStyles:p,centerTabsLabel:T,count:h}=t,C=(0,n.W)(t=>t.selectedTab),[O,f]=(0,l.useState)(R||0),[g,I]=(0,l.useState)(0),S=(0,l.useMemo)(()=>d.length?Array.from({length:d.length},()=>(0,l.createRef)()):[],[d]),L=(0,l.useCallback)(t=>()=>{I(t)},[I]),B=(0,l.useCallback)(t=>e=>{e.preventDefault(),f(t),_&&_(t)},[f,_]),G=(0,l.useCallback)(t=>e=>{var a,o,l,n;let c;switch(e.keyCode){case r._.ENTER:case r._.SPACE:f(t),_&&_(t);break;case r._.ARROW_RIGHT:null===(a=S[g<d.length-1?g+1:d.length-1].current)||void 0===a||a.focus();break;case r._.ARROW_LEFT:null===(o=S[g>0?g-1:0].current)||void 0===o||o.focus();break;case r._.HOME:null===(l=S[0].current)||void 0===l||l.focus();break;case r._.END:null===(n=S[d.length-1].current)||void 0===n||n.focus()}},[_,g,d.length,S]),W=t=>({buttonId:"tab-button-".concat(a,"-").concat(t),panelId:"tab-panel-".concat(a,"-").concat(t)});return(0,l.useEffect)(()=>{f(0)},[C]),(0,o.FD)("div",{id:a,"data-component":"Tabs",children:[(0,o.Y)("div",{role:"tablist","aria-label":E,css:[A===c.C.DARK?b.darkTabs:b.lightTabs,b.centerTabs,u&&b.fullWidthTabs,p],children:d.map((t,e)=>{let{buttonId:a,panelId:l}=W(e);return(0,o.Y)("button",{ref:S[e],role:"tab","aria-selected":O===e,"aria-controls":l,id:a,tabIndex:O===e?void 0:-1,onMouseDown:B(e),onKeyUp:G(e),onFocus:L(e),css:[A===c.C.DARK?b.darkTabButton:b.lightTabButton,u&&b.fullWidthTabButton],children:t===i.gx.RECOMMENDED&&h?"".concat(t," (").concat(h,")"):t},e)})}),l.Children.map(e,(t,e)=>{let{buttonId:a,panelId:l}=W(e),n=O===e,r=s?n&&t:t;return(0,o.Y)("div",{role:"tabpanel",id:l,"aria-labelledby":a,"aria-hidden":!n,css:b.panel,children:r&&t},e)})]})}}}]);