widget Spinner {
	new VBox {
		new SpinnerButton button2 {
			icon.iconIndex = 0;
		}

		new SpinnerButton button1 {
			icon.iconIndex = 1;
		}
	}
	
	button1 = sub(button1);
	button2 = sub(button2);
}


widget SpinnerButton {
	layout = Layered;
	
	[hfill vfill] new Icon icon {
		addIcon = "themes/default/img/spinner_up.png";
		addIcon = "themes/default/img/spinner_down.png";
	}
	
	[hfill vfill] new Graphic {
		style.normal = {
			background = solid(rgba(1, 1, 1, 0));
		}
		style.hover = {
			background = solid(rgba(1, 1, 1, .2));
			deactivation = .3;
		}
		style.active = {
			background = solid(rgba(1, 1, 1, .4));
		}
	}
	
	icon = sub(icon);
}


widget InputSpinner {
	size = 60 0;
	shape = Rectangle;
	style.normal = {
		border = 1 black;
		background = solid(rgb(.2, .21, .24));
	}
	layout = HBox;
	layout = {
		spacing = 2;
	}
	
	[hexpand hfill vexpand hfill] new Group {
		layout = {
			padding = 2 2;
		}
		
		[hexpand hfill vexpand] new InputArea input {
			shape = Rectangle;
			style.normal = {
				background = solid(black);
				textInput = {
					caretColor = rgb(.6, .7, 1);
				}
			}
			
			fontSize = 11;
			text = "0";
		}
	}
	new Spinner spinner;
	
	
	spinner = sub(spinner);
	input = sub(input);
	value = prop(spinner.value);

	value = 0;
}