OpenMediaCenter/src/GlobalInfos.js

import darktheme from './AppDarkTheme.module.css';
import lighttheme from './AppLightTheme.module.css';

/**
 * This class is available for all components in project
 * it contains general infos about app - like theme
 */
class StaticInfos {
    #darktheme = true;
    #viewbinding = () => {console.warn("Viewbinding not set now!")}

    /**
     * check if the current theme is the dark theme
     * @returns {boolean} is dark theme?
     */
    isDarkTheme() {
        return this.#darktheme;
    };

    /**
     * setter to enable or disable the dark or light theme
     * @param enable enable the dark theme?
     */
    enableDarkTheme(enable = true) {
        this.#darktheme = enable;
    }

    /**
     * get the currently selected theme stylesheet
     * @returns {*} the style object of the current active theme
     */
    getThemeStyle() {
        return this.isDarkTheme() ? darktheme : lighttheme;
    }

    /**
     * set the global Viewbinding for the main Navigation
     * @param cb
     */
    setViewBinding(cb){
        this.#viewbinding = cb;
    }

    /**
     * return the Viewbinding for main navigation
     * @returns {StaticInfos.viewbinding}
     */
    getViewBinding(){
        return this.#viewbinding;
    }
}

const GlobalInfos = new StaticInfos();
export default GlobalInfos;