https://oceanir.ai/_next/static/chunks/93116.9b8698873f5fb229.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93116],{41266:(e,r,t)=>{t.d(r,{e:()=>i});var u=t(95155),n=t(12115),a=t(98638),s=t(45911),l=t(91337);let c=({frames:e,isPlaying:r=!0,duration:t=100,dotClassName:a,className:s,repeatCount:c=-1,onComplete:i,...o})=>{let f=(0,n.useRef)(null),d=(0,n.useRef)(0),m=(0,n.useRef)(0),h=(0,n.useRef)(null),p=(0,n.useCallback)((r,t)=>{let u=e[t];u&&r.forEach((e,r)=>{e.classList.toggle("active",u.includes(r))})},[e]);return(0,n.useEffect)(()=>{d.current=0,m.current=0},[e]),(0,n.useEffect)(()=>{if(r){d.current>=e.length&&(d.current=0);let r=f.current?.children;if(!r)return;let u=Array.from(r);h.current=setInterval(()=>{p(u,d.current),d.current+1>=e.length&&(-1!=c&&m.current+1>=c&&(clearInterval(h.current),i?.()),m.current++),d.current=(d.current+1)%e.length},t)}else h.current&&clearInterval(h.current);return()=>{h.current&&clearInterval(h.current)}},[e,r,p,t,c,i]),(0,u.jsx)("div",{...o,ref:f,className:(0,l.cn)("grid w-fit grid-cols-7 gap-0.5",s),children:Array.from({length:49}).map((e,r)=>(0,u.jsx)("div",{className:(0,l.cn)("h-1.5 w-1.5 rounded-sm",a)},r))})},i=({items:e})=>{let r=(0,n.useRef)(null),t=(0,n.useRef)(null),[l,i]=(0,n.useState)(0),[o,f]=(0,n.useState)(0),{contextSafe:d}=(0,a.L)();(0,n.useEffect)(()=>{if(!r.current||!t.current)return;let e=t.current.offsetWidth+1;s.Ay.to(r.current,{width:e,duration:.5,ease:"power2.out"})},[o]);let m=d(()=>{let t=r.current;t&&(s.Ay.to(t,{y:20,opacity:0,filter:"blur(8px)",duration:.5,ease:"power2.in",onComplete:()=>{f(r=>(r+1)%e.length),s.Ay.fromTo(t,{y:-20,opacity:0,filter:"blur(4px)"},{y:0,opacity:1,filter:"blur(0px)",duration:.7,ease:"power2.out"})}}),i(r=>(r+1)%e.length))});

1return(0,u.jsxs)("div",{className:"flex items-center gap-4 rounded bg-black px-4 py-3",children:[(0,u.jsx)(c,{frames:e[l].frames,onComplete:m,className:"gap-px",repeatCount:e[l].repeatCount??1,duration:e[l].duration??150,dotClassName:"bg-white/15 [&.active]:bg-white size-1"}),(0,u.jsx)("div",{ref:r,className:"relative",children:(0,u.jsx)("div",{ref:t,className:"inline-block text-lg font-medium whitespace-nowrap text-white",children:e[o].title})})]})}},62116:(e,r,t)=>{t.d(r,{TZ:()=>u.default});var u=t(42982);t(95155),t(12115),t(98500),t(41463),t(34146),t(41266)},73321:(e,r,t)=>{var u=t(74645);t.o(u,"useParams")&&t.d(r,{useParams:function(){return u.useParams}}),t.o(u,"usePathname")&&t.d(r,{usePathname:function(){return u.usePathname}}),t.o(u,"useRouter")&&t.d(r,{useRouter:function(){return u.useRouter}}),t.o(u,"useSearchParams")&&t.d(r,{useSearchParams:function(){return u.useSearchParams}})},99728:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});var u=t(95155),n=t(62116);let a={name:"Lagos",center:[3.4,6.45],bounds:[[3.1,6.3],[3.7,6.7]],minZoom:9,defaultZoom:11};function s(){return(0,u.jsx)(n.TZ,{city:a})}}}]);