// define what a Button really is...
widget Button {
	layout = Layered;
	size = 30 0;
	
	[hfill vfill] new Graphic body {
		size = 0 23;
		
		style.normal = {
			image = grid("themes/default/img/button.png", hline(2, 73), vline(2, 21));
			background = solid(white);
		}
		
		style.active = {
			image = grid("themes/default/img/button_active.png", hline(2, 73), vline(2, 21));
		}
	}
	
	[hfill vfill] new Graphic bodyOver {
		style.normal = {
			background = solid(rgba(1, 1, 1, 0));
		}
		
		style.hover = {
			background = solid(rgba(1, 1, 1, .07));
			deactivation = .3;
		}
	}

	[hfill vfill] new HBox {
		layout = {
			padding = 6 3;
			spacing = 2;
		}
		
		[hexpand vexpand] new HBox leftExtra;
		[vexpand] new Label text {
			style.normal = {
				color = rgb(.8, .8, .8);
			}
			
			text = "Button";
			fontSize = 11;
		}
		[hexpand vexpand] new HBox rightExtra;
	}
	
	leftExtra = sub(leftExtra);
	rightExtra = sub(rightExtra);
	label = sub(text);
	text = prop(text.text);
}