/* GreenEdge Solutions — Tweaks panel
Bridges React tweak state -> the vanilla site via data-attributes + CSS vars. */
const GE_DEFAULTS = /*EDITMODE-BEGIN*/{
"home": "a",
"accent": "balanced",
"font": "space",
"radius": 14
}/*EDITMODE-END*/;
function GreenEdgeTweaks() {
const [t, setTweak] = useTweaks(GE_DEFAULTS);
React.useEffect(() => {
const root = document.documentElement;
root.dataset.home = t.home;
root.dataset.accent = t.accent;
root.dataset.font = t.font;
root.style.setProperty('--radius', t.radius + 'px');
root.style.setProperty('--radius-sm', Math.max(4, t.radius - 6) + 'px');
}, [t.home, t.accent, t.font, t.radius]);
return (
setTweak('home', v)}
/>
setTweak('accent', v)}
/>
setTweak('font', v)}
/>
setTweak('radius', v)}
/>
);
}
(function mountGreenEdgeTweaks() {
const host = document.createElement('div');
host.id = 'ge-tweaks-root';
document.body.appendChild(host);
ReactDOM.createRoot(host).render();
})();