import { useGlobalStates } from '@cap-rel/smartcommon';
import { Boolean } from '@cap-rel/smartcommon';

function ThemeToggle() {
    const [settings, setSettings] = useGlobalStates('settings');

    const toggleTheme = () => {
        setSettings({
            ...settings,
            theme: settings.theme === 'light' ? 'dark' : 'light'
        });
    };

    return (
        <Boolean
            value={settings.theme === 'dark'}
            onChange={toggleTheme}
            label="Mode sombre"
        />
    );
}