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

import newsButton					from './leftSide.button.news.js';

import settingsButton				from './leftSide.button.settings.js';

import signinButton					from './leftSide.button.signin.js';

import signupButton					from './leftSide.button.signup.js';

import signoutButton				from './leftSide.button.signout.js';

import fileManagerButton			from './leftSide.button.fileManager.js';

import animationsButton				from './leftSide.button.animations.js';

import usersButton					from './leftSide.button.users.js';

import gridButton					from './leftSide.button.grid.js';

import menuHeader					from './leftSide.header.js';



export default class leftSide{

	state				= "visible";

	boxOverflow			= "hidden";

	boxTransition		= "0.3S";

	#ifdef ANDROID

		boxHeight			= "100vh";

	#else

		boxHeight			= "";

	#endif

	boxWidth			= 220;

	width				= 220;

	flexDirection		= "column";

	//borderRight		= "1px solid #3D3D3D"
	paddingTop			= 30;

	//minHeight			= "40vh"

	header				= new menuHeader();

	#ifdef ANDROID

		height		= "100vh";

		paddingTop	= "";

		boxWidth	= "100vw";

		width		= "100vw";

		#ifdef LIGHT

			boxBackground		= "#f2f2f2";

			//background			= "white";

		#endif


	#endif

	#ifdef WINDOWS

		paddingLeft		= 4;

		paddingRight	= 4;

		#ifdef DARK

			background			= "#202020cc";

			color				= "white"

			borderRight			= "1px solid black"

			fontWeight			= "500";

		#endif 

		#ifdef LIGHT

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

			color				= "black";


			fontWeight			= "200";

		#endif
	#endif

	#ifdef MACOS

		paddingTop			= 40;

		paddingLeft			= 20;


		#ifdef DARK

			background		= "rgb(40 22 22 / 75%)";

			color			= "white"

			borderRight		= "1px solid black"

			fontWeight			= "bold";

		#endif 

		#ifdef LIGHT

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

			color			= "black";


			fontWeight			= "200";

		#endif

	#endif

	render() {



	}

	//opacity			= "90%";

	//backdropFilter	= "blur(20px)";

	borderTopLeftRadius			= 8;

	borderBottomLeftRadius		= 8;

	borderTopLeftRadius			= "12px";

	borderBottomLeftRadius		= "12px";

 

	newsButton			= new newsButton();

	settingsButton		= new settingsButton();

	usersButton			= new usersButton();

	signinButton		= new signinButton();

	signoutButton		= new signoutButton();

	signupButton		= new signupButton();

	animationsButton	= new animationsButton();

	gridButton			= new gridButton();

	fileManagerButton	= new fileManagerButton();

}