/* global React */ const { useState, useEffect, useRef, useMemo } = React; /* ============================================================ ECLAIR LOGO ============================================================ */ function EclairLogo({ size = 28 }) { return (
Eclair.aero
); } /* ============================================================ NAVIGATION ============================================================ */ function Nav({ active = 'home', onNav, theme, onThemeToggle }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const links = [ { id: 'services', label: 'Services' }, { id: 'fleet', label: 'Fleet' }, { id: 'empty-legs', label: 'Empty Legs' }, { id: 'about', label: 'About' }, { id: 'contact', label: 'Contact' }, ]; return ( ); } /* ============================================================ PLACEHOLDER IMAGE ============================================================ */ function Placeholder({ label, style, className = '', children }) { return (
{children}
); } /* ============================================================ FOOTER ============================================================ */ function Footer() { return ( ); } Object.assign(window, { EclairLogo, Nav, Placeholder, Footer });