import userLabel 				from './comment.userLabel.js';

import deleteButton 			from './comment.deleteButton.js';

import editButton 				from './comment.editButton.js';

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


class chatIcon extends icon{

	margin				= 12;


}

export default class information{


	width				= "100%";

	display				= "grid";

	display				= "flex";

	flexFlow			= "row";

	layers				= 2;

	borderBottom		= "#2b2c2d57";

	borderTop			= "#2b2c2d57";


	gridTemplate		=	"	'_deleteButton	_editButton' 	" +
			    			"	'userLabel  	userLabel'		";

	gridTemplateColumns	= "40px 100px";

	gridTemplateRows	= "40px 60px";

	#ifdef WINDOWS

		#ifdef LIGHT

			background		= "#4b94d31f";

		#endif

		#ifdef DARK

			//background		= "rgb(48 51 56 / 86%)";

		#endif

	#endif


	

	_deleteButton	= new deleteButton(  );

	_editButton		= new editButton( );

	_userLabel		= new userLabel();

	//_icon			= new chatIcon("ios-chatbubbles-outline.svg", true);

}