widget TabButton {
	layout = HBox;
	layout = {
		spacing = -1;
	}
	size = 80 0;
	
	[vexpand vfill hexpand hfill] new Group {
		layout = Layered;
		
		[hfill vfill] new Graphic {
			size = 0 22;
			style.normal = {
				background = solid(white);
				image = grid("themes/default/img/tbw.png", hline(1, 47), vline(3, 19));
			}
			style.active = {
				image = grid("themes/default/img/tbw_active.png", hline(1, 72), vline(1, 21));
			}
			style.hover = {
				image = grid("themes/default/img/tbw_hover.png", hline(1, 51), vline(3, 19));
			}
		}

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

	text = "Tab";
}