/* chrome.jsx — lang context, brand Nav + Footer, logo, icons. Reuses site.css classes. */
const RetoLangCtx = React.createContext({ lang: "es", t: RETO_I18N.es, setLang: () => {} });
/* initialLang lets a parent app force the locale explicitly (e.g. the
main aguilera-ingenieros site sets it from its own AILangProvider so
ES/EN stays in sync). Falls back to localStorage when not provided.
The parent also re-keys this whole subtree on lang change, so the
initial-state lazy init below picks up the new value cleanly. */
const RetoLangProvider = ({ children, initialLang }) => {
const [lang, setLangState] = React.useState(() => {
if (initialLang === "es" || initialLang === "en") return initialLang;
const s = localStorage.getItem("reto_lang");
return (s === "es" || s === "en") ? s : "es";
});
const setLang = React.useCallback((l) => {
setLangState(l); localStorage.setItem("reto_lang", l); document.documentElement.lang = l;
}, []);
React.useEffect(() => { document.documentElement.lang = lang; }, [lang]);
const value = React.useMemo(() => ({ lang, setLang, t: RETO_I18N[lang] }), [lang, setLang]);
return {children};
};
const useReto = () => React.useContext(RetoLangCtx);
const RIcon = {
Menu: ({ s = 22, c = "#F5F5F3" }) => ,
Close: ({ s = 24, c = "#F5F5F3" }) => ,
Arrow: ({ s = 18, c = "currentColor" }) => ,
Check: ({ s = 18, c = "currentColor" }) => ,
Copy: ({ s = 15, c = "currentColor" }) => ,
Expand:({ s = 16, c = "currentColor" }) => ,
Shrink:({ s = 16, c = "currentColor" }) => ,
Lock: ({ s = 15, c = "currentColor" }) => ,
Bolt: ({ s = 16, c = "currentColor" }) => ,
Drop: ({ s = 14, c = "currentColor" }) => ,
Air: ({ s = 14, c = "currentColor" }) => ,
Plus: ({ s = 18, c = "currentColor" }) => ,
Alert: ({ s = 18, c = "currentColor" }) => ,
Info: ({ s = 14, c = "currentColor" }) => ,
LinkedIn: ({ s = 16, c = "currentColor" }) => ,
Vimeo: ({ s = 16, c = "currentColor" }) => ,
};
const RetoLogo = ({ size = 30 }) => {
const h = size * 1.6, w = Math.round(h * (1055 / 467));
const src = (window.__resources && window.__resources.aguileraLogo) || "assets/logo_main_dark.png";
return ;
};
/* RetoLangToggle — game-scoped lang toggle, separate from the main
site's LangToggle. Named distinctly so it doesn't collide on the
`window.LangToggle` global; before this rename, both this file and
components/core.jsx wrote a `LangToggle` to window — chrome.jsx
loads second so its useReto()-bound version was overwriting the
site one, which made the main Nav's lang toggle a no-op outside
the game (useReto called outside RetoLangProvider returns a default
ctx whose setLang is `() => {}`). */
const RetoLangToggle = () => {
const { lang, setLang } = useReto();
return (