// Root composition + Tweaks panel for gohegan.net landing.
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"theme": "light",
"animate": true,
"density": "cosy"
}/*EDITMODE-END*/;
const App = () => {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply theme to document root
React.useEffect(() => {
if (t.theme === 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
} else {
document.documentElement.removeAttribute('data-theme');
}
}, [t.theme]);
return (
<>
setTweak('theme', v)}
options={[
{ value: 'light', label: 'light' },
{ value: 'dark', label: 'dark' },
]}
/>
setTweak('density', v)}
options={[
{ value: 'cosy', label: 'cosy' },
{ value: 'compact', label: 'compact' },
]}
/>
setTweak('animate', v)}
/>
>
);
};
ReactDOM.createRoot(document.getElementById('root')).render();