1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2264],{82264:function(n,t,e){e.r(t);var a=e(82729),i=e(85893),r=e(67294),o=e(14141),d=e(44153),l=e(11798),p=e(12307);function _templateObject(){let n=(0,a._)(["\n margin-bottom: 20px;\n position: relative;\n\n @media only screen and (min-width: 1280px) {\n display: none;\n }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,a._)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-block: 55px 20px;\n outline: none;\n cursor: pointer;\n border: none;\n width: 100%;\n border-radius: ",";\n background: var(--primaryColor);\n\n @media only screen and (max-width: 1279px) {\n padding-left: var(--desktop-padding);\n padding-right: var(--desktop-padding);\n }\n\n @media only screen and (max-width: 1023px) {\n padding-left: var(--tablet-padding);\n padding-right: var(--tablet-padding);\n }\n\n @media only screen and (max-width: 767px) {\n padding-left: var(--mobile-padding);\n padding-right: var(--mobile-padding);\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,a._)(["\n margin: 0;\n color: var(--grayscale0Color);\n font-family: var(--secondary-family);\n font-weight: 600;\n font-size: 20px;\n color: var(--grayscale0Color);\n"]);return _templateObject2=function(){return n},n}function _templateObject3(){let n=(0,a._)(["\n z-index: 10;\n position: absolute;\n overflow: hidden;\n background-color: var(--primary6Color);\n width: 100%;\n box-shadow: 0px 2px 24px rgb(0 0 0 / 6%);\n margin-top: ",";\n border-radius: ",";\n"]);return _templateObject3=function(){return n},n}function _templateObject4(){let n=(0,a._)(["\n background-color: ",";\n padding-top: 25px;\n padding-bottom: 25px;\n outline: none;\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n\n @media only screen and (max-width: 1279px) {\n padding-left: var(--desktop-padding);\n padding-right: var(--desktop-padding);\n }\n\n @media only screen and (max-width: 1023px) {\n padding-left: var(--tablet-padding);\n padding-right: var(--tablet-padding);\n }\n\n @media only screen and (max-width: 767px) {\n padding-left: var(--mobile-padding);\n padding-right: var(--mobile-padding);\n }\n"]);return _templateObject4=function(){return n},n}function _templateObject5(){let n=(0,a._)(["\n margin: 0px;\n font-family: var(--primary-family);\n color: ",";\n font-weight: 400;\n font-size: 16px;\n line-height: 23px;\n"]);return _templateObject5=function(){return n},n}let c=o.ZP.div.withConfig({componentId:"sc-b104529b-0"})(_templateObject()),m=o.ZP.button.withConfig({componentId:"sc-b104529b-1"})(_templateObject1(),n=>{let{template:t=1}=n;return 1===t?"10px":"0px"}),b=o.ZP.h4.withConfig({componentId:"sc-b104529b-2"})(_templateObject2()),s=o.ZP.div.withConfig({componentId:"sc-b104529b-3"})(_templateObject3(),n=>{let{template:t=1}=n;return 1===t?"5px":"0px"},n=>{let{template:t=1}=n;return 1===t?"10px":"0px"}),u=o.ZP.button.withConfig({componentId:"sc-b104529b-4"})(_templateObject4(),n=>{let{currentTab:t}=n;return t?"var(--primary6Color)":"var(--grayscale0Color)"}),g=o.ZP.p.withConfig({componentId:"sc-b104529b-5"})(_templateObject5(),n=>{let{currentTab:t}=n;return t?"var(--primaryColor)":"var(--grayscale80Color)"});t.default=n=>{var t;let{data:e,template:a,currentTab:o,setCurrentTab:_}=n,[f,x]=(0,r.useState)(),[h,v]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{var n,t;let a=(null==e?void 0:null===(n=e.tabs)||void 0===n?void 0:n.filter(n=>"DISABLED"!==n.status))||[{name:""}];x(null===(t=a[o])||void 0===t?void 0:t.name)},[o,e.tabs]),(0,i.jsxs)(c,{className:"mobile_tab_t7__tab_container",children:[(0,i.jsxs)(m,{className:"mobile_tab_t7__dropdown_tab",template:a,onClick:()=>v(!h),isOpenDropdown:h,children:[(0,i.jsx)(b,{className:"mobile_tab_t7__dropdown_title",isOpenDropdown:h,children:f}),(0,i.jsx)(d.Arrow,{width:"18",height:"18",stroke:a===l.A8&&h?(0,p.Z)("var(--primary150Color)")||"":"white",invert:h})]}),h&&(0,i.jsx)(s,{className:"mobile_tab_t7__tab_box",template:a,children:null==e?void 0:null===(t=e.tabs)||void 0===t?void 0:t.filter(n=>"DISABLED"!==n.status).map((n,t)=>(0,i.jsx)(u,{className:"mobile_tab_t7__tab",template:a,currentTab:o===t,onClick:()=>{x(n.name),_(t),v(!1)},children:(0,i.jsx)(g,{className:"mobile_tab_t7__tab_title",currentTab:o===t,idTemplate:a,children:n.name})},n.name))})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.