// Tweaks island for Form Follows Brand landing.
// Owns body[data-hero] and body[data-accent]; persists via useTweaks.
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"hero": "a",
"accent": "grad"
}/*EDITMODE-END*/;
function FFBTweaks() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// apply to whenever tweaks change
React.useEffect(() => {
document.body.setAttribute('data-hero', t.hero);
document.body.setAttribute('data-accent', t.accent);
// ensure the newly-shown hero's reveal elements aren't stuck hidden
requestAnimationFrame(() => {
if (window.__revealVisibleHero) window.__revealVisibleHero();
});
}, [t.hero, t.accent]);
return (
setTweak('hero', v)}
/>
setTweak('accent', v)}
/>
);
}
ReactDOM.createRoot(document.getElementById('tweaks-root')).render();