/* global React */
// Bevri theme: persists light/dark, applies data-theme to , exposes .
const THEME_KEY = 'bevri_theme';
function getTheme() {
try { return localStorage.getItem(THEME_KEY) || 'light'; } catch { return 'light'; }
}
function applyTheme(t) {
document.documentElement.setAttribute('data-theme', t);
}
// apply immediately on load (init script in handles first paint; this is a safety net)
applyTheme(getTheme());
function ThemeToggle() {
const [theme, setTheme] = React.useState(getTheme());
const toggle = () => {
const next = theme === 'dark' ? 'light' : 'dark';
setTheme(next);
applyTheme(next);
try { localStorage.setItem(THEME_KEY, next); } catch {}
};
const dark = theme === 'dark';
return (
);
}
window.ThemeToggle = ThemeToggle;