import header 						from '/elements/header.js';

import appearancePanel				from "./appearance/panel.js";


import document 					from '/unify/document.js';






export default class settings{

	sizing			= "border-box";

	#ifdef MACOS

		#ifdef DARK

			background          = "#282828";

		#endif

		#ifdef LIGHT

			background      = "#fdfdfd";

		#endif

	#endif

	#ifdef WINDOWS

		#ifdef DARK

			background		= "#202020cc";

		#endif

		#ifdef LIGHT

			background		= "rgb(255 255 255 / 75%)";

		#endif

	#endif

    layers                  = 1;

    height                  = "-webkit-fill-available";

    padding					= 20;

    width					= "100%"

    flexDirection			= "column";

	settingsHeader			= new header("Appearance");

	appearancePanel			= new appearancePanel();

	//spinner					= new spinner();

}