/* ============================================================
App — Dra. Aline LP
============================================================ */
const { useState: useStateApp, useEffect: useEffectApp } = React;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"palette": "navy",
"cta": "gold",
"density": "comfortable",
"showUrgency": false
}/*EDITMODE-END*/;
function App() {
const [menuOpen, setMenuOpen] = useStateApp(false);
const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply tweaks to data-attrs
useEffectApp(() => {
document.body.dataset.palette = tweaks.palette;
document.body.dataset.cta = tweaks.cta;
document.body.dataset.density = tweaks.density;
}, [tweaks.palette, tweaks.cta, tweaks.density]);
useReveal();
return (
<>
{tweaks.showUrgency && }