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

function ThemeProvider({ children }) {
    const [settings] = useGlobalStates('settings');

    useEffect(() => {
        document.documentElement.classList.toggle(
            'dark',
            settings.theme === 'dark'
        );
    }, [settings.theme]);

    return children;
}