/* Root App for Palmilha Inteligente */
const { useEffect: useEffectApp, useState: useStateApp } = React;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#1EC7E6",
"density": "comfy",
"showQuiz": true,
"showCalculator": true,
"showComparison": true,
"showGallery": false
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply tweak side-effects to
useEffectApp(() => {
document.documentElement.style.setProperty('--brand-accent', t.accent);
document.documentElement.dataset.density = t.density;
}, [t.accent, t.density]);
return (
{t.showComparison && }
{t.showCalculator && }
{t.showQuiz && }
{t.showGallery && }
setTweak('accent', v)}
/>
setTweak('density', v)}
/>
setTweak('showComparison', v)} />
setTweak('showCalculator', v)} />
setTweak('showQuiz', v)} />
setTweak('showGallery', v)} />
);
}
ReactDOM.createRoot(document.getElementById('root')).render();