// Main app composition
const { useState: useStateA, useEffect: useEffectA, Fragment: FragmentA } = React;
const APP_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"locale": "en",
"heroMode": "dark",
"facilityFocus": "both",
"density": "default"
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = window.useTweaks(APP_TWEAK_DEFAULTS);
// Apply locale & dir + data attributes to
useEffectA(() => {
document.documentElement.lang = t.locale;
document.documentElement.dir = t.locale === "ar" ? "rtl" : "ltr";
document.documentElement.dataset.hero = t.heroMode;
document.documentElement.dataset.density = t.density;
}, [t.locale, t.heroMode, t.density]);
const strings = window.I18N[t.locale] || window.I18N.en;
const onToggleLocale = () => {
setTweak("locale", t.locale === "en" ? "ar" : "en");
};
return (
setTweak("heroMode", v)}
/>
setTweak("facilityFocus", v)}
/>
setTweak("locale", v)}
/>
setTweak("density", v)}
/>
);
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render();