import newsPages					from '../pages/newsPages.js';

import settings						from '../pages/settings.js';

import fileManager					from '../fileManager/fileManager.js';

import animations					from '../animations/animations.js';

import gridExample					from '../examples/grids.js';

import userListPage					from '/user/userList/user.userList.page.js';

import editUser						from '/user/edit/edit.user.js';



import signup						from '/user/signup/user.signup.js';

import signin						from '/user/signin/user.signin.js';

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

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


export default class rightSide {

	newsPages				= new newsPages();

	signup					= new signup();

	signin					= new signin();

	settings				= new settings();

	fileManager				= new fileManager();

	animations				= new animations();

	gridExample				= new gridExample();

	userListPage			= new userListPage();

	editUser				= new editUser();


	borderRadius;

	flexDirection			= "column";



	transition				= "2s, border-radius none";

	borderTopRightRadius	= 8;

	borderBottomRightRadius	= 8;

	overflow				= "hidden!important";

	overflowY				= "auto";


	#ifdef WINDOWS


		borderTopRightRadius	= 12;

		borderBottomRightRadius	= 12;

		width			= 600;

	#endif 

	#ifdef MACOS


		borderTopRightRadius	= 12;

		borderBottomRightRadius	= 12;

		width			= 600;

		boxShadow				= "-1px 0px 1px 0px #00000008";

		#ifdef DARK

			background		= "#2a2525e6";

			background		= "#282828";

			

		#endif

		#ifdef LIGHT

			

		#endif

	#endif


	create() {

		this.hideChildren();

		this.newsPages.show();

		document.application = this.parent;
		
	}


}