import "themes/default.cfg"



new FramedTopLevelWindow main {
	frame.text = "Calc";
	layout = {
		padding = 5 5;
		spacing = 5;
	}

	[hexpand hfill] new Group {
		layout = Bin;
		layout = {
			padding = 3 3;
		}
		shape = Rectangle;
		style.normal = {
			background = solid(rgb(.1, .1, .1));
		}

		new Label display {
			halign = 2;
			text = "0";
		}
	}

	new VBox buttons {
		layout = { spacing = 2; }

		new HBox {
			layout = { spacing = 2; }
			new Button d7 { text = "7"; size = 50 30; }
			new Button d8 { text = "8"; size = 50 30; }
			new Button d9 { text = "9"; size = 50 30; }
			new Button div { text = "/"; size = 50 30; }
		}

		new HBox {
			layout = { spacing = 2; }
			new Button d4 { text = "4"; size = 50 30; }
			new Button d5 { text = "5"; size = 50 30; }
			new Button d6 { text = "6"; size = 50 30; }
			new Button mul { text = "*"; size = 50 30; }
		}

		new HBox {
			layout = { spacing = 2; }
			new Button d1 { text = "1"; size = 50 30; }
			new Button d2 { text = "2"; size = 50 30; }
			new Button d3 { text = "3"; size = 50 30; }
			new Button sub { text = "-"; size = 50 30; }
		}

		new HBox {
			layout = { spacing = 2; }
			new Button d0 { text = "0"; size = 50 30; }
			new Button chSign { text = "+/-"; size = 50 30; }
			new Button equals { text = "="; size = 50 30; }
			new Button add { text = "+"; size = 50 30; }
		}
	}
} @overlay {
	[hexpand vexpand hfill vfill] new Group .overlay {
		layout = Ghost;
	}
}