https://currents.dev/_next/static/chunks/453.c1d4cc8415247e01.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{50453:(e,s,a)=>{a.r(s),a.d(s,{default:()=>x});var t=a(37876),l=a(14232),n=a(28838),r=a(5259),i=a(5646);let c=function({tabsImages:e,content:s}){let[a,n]=(0,l.useState)(e[0]),c=(0,l.useRef)(0),x=(0,l.useRef)(null),d=(0,l.useRef)([]),[u,o]=(0,l.useState)(0),[m,f]=(0,l.useState)(!1),h=(0,l.useCallback)(()=>{c.current=(c.current+1)%e.length,n(e[c.current]),o(0)},[e,c]),g=(0,l.useCallback)(()=>{c.current=Math.max((c.current-1)%e.length,0),n(e[c.current]),o(0)},[e,c]);return(0,l.useEffect)(()=>{u<5e3||h()},[h,u,e]),(0,l.useEffect)(()=>{let e,s=x.current,a=new IntersectionObserver(s=>{s.forEach(s=>{s.isIntersecting?e=setInterval(()=>{m||o(e=>e+100)},100):(o(0),clearInterval(e))})},{threshold:.1});return s&&a.observe(s),()=>{s&&a.unobserve(s),clearInterval(e)}},[e,a,m]),(0,l.useEffect)(()=>{let s=new IntersectionObserver(s=>{s.forEach(s=>{let t=d.current.indexOf(s.target);s.isIntersecting&&e[t].name===a.name?s.target.classList.add("tab-pagination-bullet-active"):s.target.classList.remove("tab-pagination-bullet-active")})},{threshold:.1});return d.current.forEach(e=>{e&&s.observe(e)}),()=>{d.current.forEach(e=>{e&&s.unobserve(e)})}},[e,a]),(0,t.jsxs)("div",{className:"flex justify-between gap-x-5 lg:gap-y-0 w-full flex-col lg:flex-row",style:{"--slide-animation-duration":"5000ms"},children:[(0,t.jsxs)("div",{className:"flex flex-col",children:[e.length>1&&(0,t.jsxs)("div",{className:"md:hidden flex justify-end align-center gap-4 h-[50px]",children:[(0,t.jsx)(r.u4R,{onClick:()=>g()}),m&&(0,t.jsx)(r.udU,{onClick:()=>f(!1)}),!m&&(0,t.jsx)(r.wFz,{onClick:()=>f(!0)}),(0,t.jsx)(r.O89,{onClick:()=>h()})]}),(0,t.jsxs)("div",{className:`relative w-fit h-fit slider-image-container ${e.length>1?"pb-7.5":""}`,onMouseOver:()=>f(!0),onMouseOut:()=>f(!1),children:[(0,t.jsx)(i.P.div,{className:"md:scale-100 shrink-0 rounded-10",initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.3},children:a?.image},a.name),(0,t.jsx)("div",{className:`tab-progress-bar w-full ${m?"paused":""}`,children:e.length>1&&e.map((e,s)=>(0,t.jsx)("span",{ref:e=>d.current[s]=e,className:"tab-pagination-bullet"},"tab-"+e.key))}),(0,t.jsx)("div",{ref:x,className:"absolute flex bg-dark-300 left-2/4 transform -translate-x-1/2 rounded-[20px] nav-container",children:e.map((e,s)=>e.name&&(0,t.jsx)("a",{href:`#${e.key||s+1}`,onClick:()=>{n(e),o(0),c.current=s},className:"py-1.5 px-3 lg:py-2 lg:px-4 rounded-[20px] text-[8.5px] lg:text-[12px] hover:text-white w-max"+(e.name===a.name?" bg-zinc-700":" text-dark-500"),children:e.name},e.key||s+1))})]})]}),s]})};function x({data:e}){return(0,t.jsx)("section",{children:(0,t.jsx)("div",{className:"container max-w-[1294px]",children:(0,t.jsx)("div",{className:"flex items-end justify-between gap-x-5",children:(0,t.jsx)("div",{className:"w-full grid lg:gap-y-32 gap-y-15 custom-slider-styles",children:(0,t.jsx)("div",{className:"max-w-[1294px] min-h-[70vh] last:min-h-full bloc",children:e?.map(({id:e,icon:s,uptitle:a,title:r,subtitle:i,content:x,subtitleAlignment:d,text:u,tabsImages:o,key:m})=>(0,t.jsx)(l.Fragment,{children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("a",{id:e,className:" absolute top-0"}),(0,t.jsxs)("div",{className:"flex lg:"+d+" items-start justify-between flex-col gap-2",children:[(0,t.jsx)("div",{className:"pb-4 md:pb-6",children:(0,t.jsx)(n.A,{uptitle:a,icon:s,title:r,text:u})}),(0,t.jsx)("div",{className:"mb-7.5 flex justify-between gap-x-5 gap-y-4 lg:gap-y-0 w-full flex-col lg:flex-row",children:(0,t.jsx)("div",{className:" max-w-4xl text-[18px]",children:i})})]}),(0,t.jsx)(c,{tabsImages:o,content:x})]})},m))})})})})})}}}]);