/* app.jsx — root + tweaks */
const { useState: useS, useEffect: useE } = React;
const SLOGANS = [
"El camino, bien hecho.",
"Movemos el suelo. Trazamos el camino.",
"Infraestructura que perdura.",
"Donde hace falta un camino, estamos.",
];
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"direccion": "asfalto",
"titulares": "estandar",
"slogan": "El camino, bien hecho.",
"empresa": "RS Constructora",
"stats": true
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// apply palette + headings to so fixed/portal elements inherit too
useE(() => {
document.documentElement.setAttribute("data-palette", t.direccion);
document.documentElement.setAttribute("data-headings", t.titulares);
}, [t.direccion, t.titulares]);
const name = (t.empresa || "RS Constructora").toUpperCase();
return (
setTweak("direccion", v)} />
setTweak("titulares", v)} />
setTweak("empresa", v)} />
setTweak("slogan", v)} />
setTweak("stats", v)} />
);
}
ReactDOM.createRoot(document.getElementById("root")).render();