"use js, ./attributes";

["Container", { 
	handlers: {
		"#attributes loaded": function() {
			var attributes = this.require("./attributes");
			this.setArray(Object.keys(attributes).map(function(key) {
				return js.mixIn({ name: key }, attributes[key]);
			}));
		}
	}
}, [
	["Array", "attributes" ],
	
	// ["Bar", [
	// 	["Button", "test", { content: "Tap Me" }]	
	// ]],
	
	["Tabs", [
		
		["Tab", { text: "attributes", selected: true, control: "list-attributes" }],
		["Tab", { text: "routes", control: "list-routes" }]
	]],

	["List", "list-attributes", {
		autoColumns: true,
		css: "background-color: white;",
		source: "attributes"
	}]

]];