/* Nav, Footer, FAB, Tweaks panel composition */
const { useState, useEffect } = React;
function EmpireMark({ color = "var(--gold)", textColor = "currentColor", height = 28 }) {
return (
EMPIRE AVIATION GROUP
);
}
function EmpireMarkSmall({ color = "var(--gold)" }) {
return (
);
}
function Navbar({ onCharterClick, locale, setLocale, isLight }) {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 60);
window.addEventListener("scroll", onScroll, { passive: true });
onScroll();
return () => window.removeEventListener("scroll", onScroll);
}, []);
const navClasses = ["nav"];
if (scrolled) navClasses.push("is-scrolled");
if (isLight && !scrolled) navClasses.push("is-light");
const textColor = (isLight && !scrolled) ? "var(--ink)" : "var(--paper)";
return (
);
}
function LocaleToggle({ locale, setLocale }) {
const codes = ["EN", "AR", "RU", "ZH"];
// Compact: show only EN ↔ AR toggle, but reveal full set on click? keep simple — segmented.
return (
{codes.map((c, i) => (
{i > 0 && · }
setLocale(c.toLowerCase())}
style={{
background: "none", border: 0, padding: 0,
fontFamily: "inherit", fontSize: "inherit", letterSpacing: "inherit",
color: "inherit", cursor: "pointer",
}}
aria-pressed={locale === c.toLowerCase()}
>
{c}
))}
);
}
function FAB({ onCharterClick }) {
return (
);
}
function Footer() {
return (
);
}
Object.assign(window, { Navbar, Footer, FAB, EmpireMark, EmpireMarkSmall });