https://eubank.kz/_next/static/chunks/9138.b1a2ec198491fc3f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9138],{59138:function(e,r,t){t.r(r),t.d(r,{default:function(){return Z}});var i=t(57437),a=t(2265),o=t(55574),n=t(29781),d=t(72939),l=t(24666),p=t(99376),c=t(95799),s=t(76562),g=t(99379);let m=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardItems",componentId:"sc-79225414-0"})(["display:flex;flex-direction:column;gap:2px;width:100%;@media (max-width:900px){gap:20px;}"]),x=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardItemWrapper",componentId:"sc-79225414-1"})(["display:flex;background-color:var(--white);padding:24px;width:100%;justify-content:space-between;height:100%;@media (max-width:900px){flex-direction:column;gap:32px;border-radius:20px !important;}&:first-child{border-top-left-radius:16px;border-top-right-radius:16px;}&:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px;}"]),h=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardWrapper",componentId:"sc-79225414-2"})(["display:flex;gap:24px;width:100%;@media (max-width:900px){flex-direction:column;gap:8px;}"]),u=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardImageWrapper",componentId:"sc-79225414-3"})(["background-color:var(--secondary-background);display:flex;justify-content:center;align-items:center;width:120px;height:120px;min-width:120px;min-height:120px;border-radius:20px;padding:19px;@media (max-width:900px){width:73px;height:73px;min-width:73px;min-height:73px;padding:11px;border-radius:12px;}"]),f=(0,g.ZP)(s.Z).withConfig({displayName:"gov.program.card.style__GovProgramCardImage",componentId:"sc-79225414-4"})(["width:100%;height:100%;object-fit:contain;"]),v=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardButtons",componentId:"sc-79225414-5"})(["display:flex;gap:20px;align-items:flex-end;justify-content:flex-end;height:fit-content;align-self:flex-end;@media (max-width:900px){align-self:center;flex-direction:column;gap:10px;width:100%;}"]),y=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardDescriptions",componentId:"sc-79225414-6"})(["display:flex;flex-direction:column;gap:24px;"]),w=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardOutline",componentId:"sc-79225414-7"})(["display:flex;flex-direction:column;gap:8px;"]),b=g.ZP.h2.withConfig({displayName:"gov.program.card.style__GovProgramCardTitle",componentId:"sc-79225414-8"})(["font-size:1.25rem;font-weight:700;line-height:26px;letter-spacing:-0.3px;color:var(--text-primary);"]),_=g.ZP.p.withConfig({displayName:"gov.program.card.style__GovProgramCardSubtitle",componentId:"sc-79225414-9"})(["font-size:0.875rem;font-weight:400;line-height:18px;letter-spacing:-0.2px;color:var(--secondary-color);@media (max-width:900px){display:none;}"]),C=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardFeatures",componentId:"sc-79225414-10"})(["display:flex;flex-wrap:wrap;gap:20px;@media (max-width:900px){gap:12px;flex-direction:column;}"]),P=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardFeatureIconWrapper",componentId:"sc-79225414-11"})(["max-width:24px;max-height:24px;min-width:24px;min-height:24px;padding:3.5px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:var(--gray-light);"]),j=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardFeature",componentId:"sc-79225414-12"})(["display:flex;gap:8px;align-items:center;"]),k=g.ZP.div.withConfig({displayName:"gov.program.card.style__GovProgramCardFeatureValue",componentId:"sc-79225414-13"})(["font-size:0.875rem;font-weight:400;line-height:18px;letter-spacing:-0.2px;color:var(--text-primary);p:last-child,ul:last-child,ol:last-child{margin-bottom:0;}"]),I=g.ZP.img.withConfig({displayName:"gov.program.card.style__GovProgramCardIcon",componentId:"sc-79225414-14"})(["width:100%;height:100%;object-fit:contain;pointer-events:none;"]);var Z=e=>{var r,t;let{tabs:s}=e,[g,Z]=(0,a.useState)(0),{t:N,tJsx:G,tValue:z}=(0,n.J)();(0,p.useRouter)();let[E,L]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=()=>{L(window.innerWidth<=1200)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let S=(0,d.T)();return(0,i.jsxs)("div",{className:"container",style:{display:"flex",flexDirection:"column",gap:"40px"},children:[s.length>1&&(0,i.jsx)(c.Z,{options:s.map(e=>e.tabLabel),setSelectedOption:e=>Z(s.findIndex(r=>z(r.tabLabel)===z(e))),selectedOption:s[g].tabLabel,variant:"default"}),(0,i.jsx)(m,{children:null===(t=s[g])||void 0===t?void 0:null===(r=t.programs)||void 0===r?void 0:r.map((e,r)=>(0,i.jsxs)(x,{children:[(0,i.jsxs)(h,{children:[(0,i.jsx)(u,{children:(0,i.jsx)(f,{media:e.image,sizes:"(max-width: 900px) 51px, 82px"})}),(0,i.jsxs)(y,{children:[(0,i.jsxs)(w,{children:[(0,i.jsx)(b,{children:N(e.title)}

1),e.subtitle&&(0,i.jsx)(_,{children:N(e.subtitle)})]}),(0,i.jsx)(C,{children:e.features.map((e,r)=>(0,i.jsxs)(j,{children:[(0,i.jsx)(P,{children:(0,i.jsx)(I,{src:"/icons-frontend/pink-tick.svg"})}),(0,i.jsx)(k,{children:G({labelEn:(0,i.jsx)(l.Z,{content:e.feature.labelEn||[],color:"#3e464f"}),labelRu:(0,i.jsx)(l.Z,{content:e.feature.labelRu||[],color:"#3e464f"}),labelKz:(0,i.jsx)(l.Z,{content:e.feature.labelKz||[],color:"#3e464f"})})})]},r))})]})]}),(0,i.jsx)(v,{children:e.buttons.map((e,r)=>{var t;return(0,i.jsx)(o.Z,{width:"100%",style:{height:"fit-content"},variant:e.variant,href:S({linkType:e.linkType,pageSlug:null===(t=e.pageSlug)||void 0===t?void 0:t.slug,customLink:e.customLink})||"",children:N(e.label)},r)})})]},r))})]})}},95799:function(e,r,t){var i=t(57437),a=t(2265),o=t(29781),n=t(10551);r.Z=e=>{let{options:r,setSelectedOption:t,selectedOption:d,callback:l,borderRadius:p,backgroundColor:c,variant:s="default"}=e,{t:g,tValue:m}=(0,o.J)(),x=(0,a.useRef)(null);return((0,a.useEffect)(()=>{if(x.current){let e=x.current.parentElement;if(e){let r=x.current.getBoundingClientRect(),t=e.getBoundingClientRect(),i=e.scrollLeft+r.left-t.left-t.width/2+r.width/2;e.scrollTo({left:i,behavior:"smooth"})}}},[x.current]),r)?(0,i.jsx)(n.tS,{children:(0,i.jsx)(n.td,{$backgroundColor:c,$borderRadius:p,$variant:s,children:r.map((e,r)=>{let a=m(e)===m(d);return(0,i.jsx)(n.OK,{$variant:s,onClick:()=>{t({...e}),l&&l()},$active:a,ref:a?x:null,children:g(e)},r)})})}):null}},10551:function(e,r,t){t.d(r,{OK:function(){return n},tS:function(){return a},td:function(){return o}});var i=t(99379);let a=i.ZP.div.withConfig({displayName:"tabs.style__TabsWrapper",componentId:"sc-1441b09f-0"})(["display:flex;flex-direction:column;width:fit-content;max-width:100%;"]),o=i.ZP.div.withConfig({displayName:"tabs.style__TabList",componentId:"sc-1441b09f-1"})(["background-color:",";padding:2px;border-radius:8px;display:flex;gap:8px;flex-wrap:wrap;overflow:hidden;width:fit-content;max-width:100%;"," "," ",""],e=>{let{$backgroundColor:r}=e;return r||"var(--disabled-gray)"},e=>{let{$variant:r}=e;return"secondary"===r&&(0,i.iv)(["background-color:var(--gray-light);@media (max-width:620px){background-color:transparent;border-radius:1px;}"])},e=>{let{$variant:r}=e;return"primary"===r&&(0,i.iv)(["background-color:transparent;"])},e=>{let{$variant:r}=e;return"default"===r&&(0,i.iv)(["flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;"])}),n=i.ZP.div.withConfig({displayName:"tabs.style__Tab",componentId:"sc-1441b09f-2"})(["background-color:transparent;transition-duration:0.3s;padding:6px 16px;text-align:center;border-radius:8px;font-size:14px;font-weight:400;color:var(--gray-500);cursor:pointer;white-space:nowrap;"," "," "," "," ",""],e=>{let{$active:r}=e;return r&&(0,i.iv)(["background-color:var(--white);color:var(--text-primary);font-weight:500;"])},e=>{let{$variant:r}=e;return"secondary"===r&&(0,i.iv)(["background-color:var(--gray-light);"])},e=>{let{$variant:r,$active:t}=e;return"secondary"===r&&t&&(0,i.iv)(["background-color:var(--white);"])},e=>{let{$variant:r}=e;return"primary"===r&&(0,i.iv)(["background-color:var(--gray-light);color:var(--gray-500);border-radius:8px;padding:8px;border:1px solid var(--gray-500);"])},e=>{let{$variant:r,$active:t}=e;return"primary"===r&&t&&(0,i.iv)(["background-color:var(--gray-black);color:var(--white);border-radius:8px;padding:8px;"])})}}]);