import React from "react";
import ReactDOM from "react-dom";
import { theming, themingThemes } from "../../../../src/main";
import Root from "./Root";

theming.installTheme(themingThemes.defaultLightTheme).then(() => {
    // theming.loadTheme(themingThemes.defaultLightTheme.author, themingThemes.defaultLightTheme.name).then(() => {
    //     console.log("The light theme has been loaded");
    // });
    console.log("[ Theme Loader ] Installed light");
});

theming.installTheme(themingThemes.defaultPaleNightTheme).then(() => {
    theming.loadTheme(themingThemes.defaultPaleNightTheme.author, themingThemes.defaultPaleNightTheme.name).then(() => {
        console.log("The light theme has been loaded");
    });
    console.log("[ Theme Loader ] Installed PaleNight");
});

theming
    .installTheme({
        ...themingThemes.defaultDarkTheme,
        palette: {
            ...themingThemes.defaultDarkTheme.palette,
        },
    })
    .then(() => {
        console.log("[ Theme Loader ] Installed dark");
        // theming
        //     .loadTheme(
        //         themingThemes.defaultDarkTheme.author,
        //         themingThemes.defaultDarkTheme.name
        //     )
        //     .then(() => {
        //         console.log("The dark theme has been loaded");
        //     });
    });

ReactDOM.render(
    <React.StrictMode>
        <Root />
    </React.StrictMode>,
    document.getElementById("root")
);