widget HMenu {
	new HBox children {
		layout = {
			spacing = 8;
			padding = 8 2;
		}
	}
	
	children = sub(children);
}


widget HMenuItem {
	[hexpand hfill] new Group {
		shape = Rectangle;
		style.active = {
			background = solid(rgba(1, 1, 1, .1));
			border = 1 black;
		}
		layout = {
			padding = 2 2;
		}

		new Label label {
			fontSize = 11;
			style.normal = {
				color = rgb(.8, .8, .8);
			}
		}
	}
	
	label = sub(label);
	text = prop(label.text);
	
	childDir = 3;
}


widget VMenu {
	[hexpand hfill vexpand vfill] new Graphic {
		renderOversize = 8 8;
		renderOffset = 2 2;
		style.normal = {
			background = solid(rgba(0, 0, 0, .5));
			image = grid("themes/default/img/menuShadow.png", hline(14, 66), vline(14, 66));
		}
		
		[hexpand hfill vexpand vfill] new Group {
			size = 80 0;
			shape = Rectangle;
			style.normal = {
				background = solid(rgb(.18, .18, .18));
				border = 1 rgb(.25, .25, .25);
			}
			layout = {
				padding = 4 3;
			}
			
			[hfill hexpand] new VBox children {
				layout = {
					spacing = 2;
					padding = 2 2;
					attribs = "hexpand hfill";
				}
			}
		}
	}
		
	children = sub(children);
}


widget VMenuItem {
	[hexpand hfill] new Group {
		shape = Rectangle;
		style.active = {
			background = solid(rgba(1, 1, 1, .05));
			border = 1 black;
		}
		layout = {
			padding = 2 2;
		}

		new Label label {
			fontSize = 11;
			style.normal = {
				color = rgb(.8, .8, .8);
			}
		}
	}
	
	label = sub(label);
	text = prop(label.text);

	childDir = 0;
}