import panelRow 					from '/elements/panel/row.js';

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



class animationBlock{

	width			= 100;

	height			= 100;

	margin			= 20;

	background		= "#03a9f4";

	time			= 0;


	render(  ) {

		this.time++;

		this.width	=   100 + ( Math.cos( this.time / 100 ) * 100 );

		this.height	=   100 + ( Math.sin( this.time / 100 ) * 100 );

	}

}


class rowLabel extends label{

	flex = "1";

} 


export default class row extends panelRow{

	boxWidth			= "95%"

	rowLabel			= new rowLabel("RenderLoop");

	animationBlock		= new animationBlock();

}