widget ScrollbarButton {
	layout = Layered;
	
	[hfill vfill] new Graphic {
		size = 17 17;
		
		style.normal = {
			image = grid("themes/default/img/scrollbutton.png", hline(3, 14), vline(3, 14));
			background = solid(white);
		}
		
		style.active = {
			background = solid(rgba(1, 1, 1, 0));
		}
	}

	[hfill vfill] new Graphic {
		size = 17 17;
		
		style.normal = {
			image = grid("themes/default/img/scrollbutton_active.png", hline(3, 14), vline(3, 14));
			background = solid(rgba(1, 1, 1, 0));
		}
		
		style.active = {
			background = solid(white);
		}
	}

	new Icon icon {
		addIcon = "themes/default/img/arrow0.png";
		addIcon = "themes/default/img/arrow1.png";
		addIcon = "themes/default/img/arrow2.png";
		addIcon = "themes/default/img/arrow3.png";
	}
	
	arrowDir = prop(icon.iconIndex);
}