https://monstercreative.com/_next/static/chunks/hero-reel-oWnvFP4T.js

1import{r as e}from"./rolldown-runtime-C60lm6uB.js";import{i as t,r as n}from"./framework-BgSIrAUN.js";var r=e(n(),1),i=t(),a=[{slug:`orbital-systems`,label:`Space systems`},{slug:`autonomous-drones`,label:`Autonomous drones`},{slug:`national-defense`,label:`National defense`},{slug:`hospital-operations`,label:`Hospital operations`},{slug:`banking-infrastructure`,label:`Banking infrastructure`},{slug:`marketing-intelligence`,label:`Marketing intelligence`},{slug:`ai-infrastructure`,label:`AI infrastructure`},{slug:`ai-systems`,label:`AI systems`},{slug:`application-engineering`,label:`Application engineering`},{slug:`venture-building`,label:`Venture building`},{slug:`industry-systems`,label:`Industry systems`},{slug:`capability-systems`,label:`Connected capabilities`}];function o(){let[e,t]=(0,r.useState)(0),[n,o]=(0,r.useState)(a.length-1),[s,c]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=window.matchMedia(`(prefers-reduced-motion: reduce)`),t=()=>c(!e.matches);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),(0,r.useEffect)(()=>{if(!s)return;let e=window.setInterval(()=>{t(e=>(o(e),(e+1)%a.length))},6500);return()=>window.clearInterval(e)},[s]);let l=n=>{o(e),t(n)};return(0,i.jsxs)(`div`,{className:`hero-reel`,children:[a.map((t,r)=>r===e||r===n?(0,i.jsx)(`div`,{className:`hero-reel-frame${r===e?` is-current`:``}`,style:{backgroundImage:`url('/images/hero-reel/${t.slug}.webp')`},"aria-hidden":`true`},t.slug):null),(0,i.jsx)(`div`,{className:`hero-reel-shade`,"aria-hidden":`true`}),(0,i.jsxs)(`div`,{className:`hero-reel-control`,children:[(0,i.jsx)(`span`,{className:`hero-reel-label`,children:a[e].label}),(0,i.jsx)(`div`,{className:`hero-reel-dots`,children:a.map((t,n)=>(0,i.jsx)(`button`,{type:`button`,className:n===e?`is-active`:``,"aria-label":`Show ${t.label}`,"aria-pressed":n===e,onClick:()=>l(n)},t.slug))})]})]})}export{o as HeroReel};