https://tapinvest.com/_next/static/chunks/hero-background-D-zrbC-H.js

1import{r as e}from"./rolldown-runtime-C60lm6uB.js";import{i as t,r as n}from"./framework-D_rUT4EX.js";import r from"./image-KknFX8BN.js";var i=e(t(),1),a=n(),o=[{name:`New York`,src:`/images/financial-centers/new-york.webp`},{name:`Chicago`,src:`/images/financial-centers/chicago.webp`},{name:`Dubai`,src:`/images/financial-centers/dubai.webp`},{name:`Abu Dhabi`,src:`/images/financial-centers/abu-dhabi.webp`}],s=e=>{let t=window.matchMedia(`(prefers-reduced-motion: reduce)`);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)},c=()=>window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,l=()=>!1,u=()=>()=>{},d=()=>!0,f=()=>!1;function p(){let[e,t]=(0,i.useState)(0),[n,p]=(0,i.useState)(-1),[m,h]=(0,i.useState)(!0),[g,_]=(0,i.useState)({}),v=(0,i.useSyncExternalStore)(s,c,l),y=(0,i.useSyncExternalStore)(u,d,f),b=m&&!v;return(0,i.useEffect)(()=>{if(!y||!b)return;let n=(e+1)%o.length;if(!g[n])return;let r=setTimeout(()=>{p(e),t(n)},8e3);return()=>clearTimeout(r)},[y,b,e,g]),(0,a.jsxs)(`div`,{className:`hero-background-container`,children:[o.map((t,i)=>{let o=i===e;return(0,a.jsx)(`div`,{className:`hero-bg-layer ${o?`active`:``} ${o||i===n?`zooming`:``} ${b?``:`paused`}`,"aria-hidden":`true`,children:(0,a.jsx)(r,{src:t.src,alt:``,fill:!0,unoptimized:!0,sizes:`100vw`,priority:i===0,onLoad:()=>_(e=>({...e,[i]:!0})),className:`hero-bg-image`,style:{objectFit:`cover`,objectPosition:`center`}})},t.name)}),(0,a.jsx)(`div`,{className:`hero-bg-overlay`}),y&&(0,a.jsxs)(`div`,{className:`hero-bg-controls`,children:[(0,a.jsx)(`span`,{className:`city-indicator`,children:o[e].name}),!v&&(0,a.jsx)(`button`,{type:`button`,onClick:()=>h(!m),className:`play-pause-btn`,"aria-label":b?`Pause background rotation`:`Play background rotation`,children:b?(0,a.jsxs)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`currentColor`,children:[(0,a.jsx)(`rect`,{x:`6`,y:`4`,width:`4`,height:`16`}),(0,a.jsx)(`rect`,{x:`14`,y:`4`,width:`4`,height:`16`})]}):(0,a.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,a.jsx)(`polygon`,{points:`5 3 19 12 5 21 5 3`})})})]})]})}export{p as HeroBackground};