https://toto62bro.com/_next/static/chunks/6811.2c3f12514b82d04f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6811],{36811:(e,l,i)=>{i.r(l),i.d(l,{default:()=>v});var t=i(37876),o=i(38624),n=i(2140),d=i(75918),r=i(18631),a=i(50805),s=i(2233);function v(e){let{t:l}=(0,s.A)(),{data:i,curTag:r,setCurTag:v}=e,{isMobile:c}=(0,a.F)();return(0,t.jsxs)(u,{children:[(0,t.jsx)(n.EY,{variant:{"@desktop":"title3Medium","@mobile":"body1Bold"},children:l("common:all_promotion")}),(0,t.jsx)(o.wv,{mt:16}),(0,t.jsx)(d.A,{data:i,activeIdx:i.findIndex(e=>e.value===r),onChangeTab:e=>{var l;v(null==i?void 0:null===(l=i[e])||void 0===l?void 0:l.value)},mode:c?"select":"default"})]})}i(14232);let u=(0,r.I4)("div",{})},75918:(e,l,i)=>{i.d(l,{A:()=>x});var t=i(37876),o=i(14232),n=i(58103),d=i.n(n),r=i(57571),a=i(24464),s=i(69233),v=i(18631),u=i(81367),c=i(2140),f=i(45615);function h(e){let{label:l,onClick:i,active:o,leftIcon:n,containerClassName:d}=e,{theme:r}=(0,f.DP)();return(0,t.jsxs)(m,{active:o,onClick:i,className:d,children:[!!n&&(0,t.jsx)(p,{children:n(r.colors.skyLightest)}),(0,t.jsx)(c.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},align:"center",css:{width:"max-content"},children:l})]})}let p=(0,v.I4)("div",{display:"flex","@mobile":{mr:8,"& svg":{width:16,height:16}},"@desktop":{mr:10}}),m=(0,v.I4)("div",{borderRadius:8,cursor:"pointer",height:"fit-content",display:"flex",alignItems:"center","@desktop":{padding:"12px 16px"},"@mobile":{padding:"4px 12px"},variants:{active:{true:{background:"$secondaryDefault"},false:{"@desktop":{background:"$inkLightest"}}}},"&:hover":{background:"$secondaryLight"}});function x(e){let{data:l,activeIdx:i,hideDivider:n,endEnhancer:v,onChangeTab:c,mode:f="default",...p}=e,m=a.PR.Gin===r.A.whitelabel,x=o.useRef(),{onScrollCapture:w}=(0,u.Y)({ref:x});return(0,t.jsxs)(g,{...p,children:["select"===f?(0,t.jsx)(s.A,{options:l,value:l[i],onChange:e=>c(l.findIndex(l=>(null==e?void 0:e.label)===(null==l?void 0:l.label)))}):(0,t.jsxs)(I,{children:[(0,t.jsx)(k,{children:(0,t.jsx)("div",{className:d()(),children:(0,t.jsx)(y,{onScrollCapture:w,ref:x,children:l.map((e,l)=>(0,o.createElement)(h,{...e,key:l.toString(),containerClassName:0!==l?b.separator():void 0,active:l===i,leftIcon:e.leftIcon,onClick:()=>c(l)}))})})}),v]}),!n&&(0,t.jsx)(j,{isGin:m})]})}let b={separator:(0,v.AH)({marginLeft:20})},g=(0,v.I4)("div",{variants:{media:{onlyMobile:{"@desktop":{display:"none"}},onlyDesktop:{"@mobile":{display:"none"}}}}}),k=(0,v.I4)("div",{overflow:"auto"}),y=(0,v.I4)("div",{display:"flex",flex:1,overflowX:"scroll","&::-webkit-scrollbar":{display:"none"}}),j=(0,v.I4)("div",{"@mobile":{background:"#D9E9F2",width:"100%",height:1,my:20},"@desktop":{my:16},variants:{isGin:{true:{my:8}}}}),I=(0,v.I4)("div",{display:"flex",flex:1,alignItems:"flex-end",justifyContent:"space-between"})},81367:(e,l,i)=>{i.d(l,{Y:()=>o});var t=i(14232);let o=e=>{var l,i;let[o,n]=t.useState(!1),[d,r]=t.useState(!1);return t.useEffect(()=>{var l,i,t,o,n,d;r((null==e?void 0:null===(i=e.ref)||void 0===i?void 0:null===(l=i.current)||void 0===l?void 0:l.scrollLeft)+(null==e?void 0:null===(o=e.ref)||void 0===o?void 0:null===(t=o.current)||void 0===t?void 0:t.clientWidth)+5<=(null==e?void 0:null===(d=e.ref)||void 0===d?void 0:null===(n=d.current)||void 0===n?void 0:n.scrollWidth))},[null==e?void 0:null===(i=e.ref)||void 0===i?void 0:null===(l=i.current)||void 0===l?void 0:l.clientWidth,null==e?void 0:e.ref]),{onScrollCapture:t.useCallback(e=>{var l,i,t,o;n((null==e?void 0:null===(l=e.target)||void 0===l?void 0:l.scrollLeft)>5),r((null==e?void 0:null===(i=e.target)||void 0===i?void 0:i.scrollLeft)+(null==e?void 0:null===(t=e.target)||void 0===t?void 0:t.clientWidth)+5<=(null==e?void 0:null===(o=e.target)||void 0===o?void 0:o.scrollWidth))},[]),overflow:{left:o,right:d}}}}}]);