import newsListTable				from '../list/news.list.table.js';

import createNews					from '../edit/news.edit.js';

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

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

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

import newsDialogButton				from './newsDialogButton.js';

import searchWidget					from './search.widget.js';

import tableControl					from './newsItemPage.tableControl.js';
	
import testbutton					from "./testButton.js";

export default class newsItemPage{

	layers				= 1;

	overflowY			= "auto";

	width				= "-webkit-fill-available";
	
	flexDirection		= "column";

	transition			= "1s"

	willChange			= "transform";

	overflowX			= "none"

	transform;

	#ifdef MACOS

		#ifdef DARK

			background		= "#282828";

		#endif

		#ifdef LIGHT

			background		= "#ffffff";

		#endif

	#endif


	#ifdef WINDOWS

		#ifdef DARK

			background		= "#202020cc";

		#endif

		#ifdef LIGHT

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

		#endif

	#endif

	

	marginLeft				= "0"

	sizing				= "border-box";


	#ifdef ANDROID

		width					= "100vw";

		padding					= "0";

	#else

		width					= 600;

		padding					= 20;

	#endif



	newsListHeader			= new header("News Items");

	searchWidget			= new searchWidget();

	newsListTable			= new newsListTable();

	tableControl			= new tableControl();

	createNews	        	= new createNews();

	testbutton				= new testbutton();

	newsDialogButton		= new newsDialogButton();




	#ifdef ANDROID

		height		= "100vh";

		paddingTop	= "";

		boxWidth	= "100vw";

		width		= "100vw";

		#ifdef LIGHT

			background		= "#f2f2f2";

		#endif


	#endif


}