/*
 *	Filter Presentation:
 *		- HASH-change listener
 *		- navigation(filter) buttons
 */
define Filter {
	var filters = {
		'' : 'All',
		active: 'Active',
		completed: 'Completed'
	};

	ul .filters {
		for ((key, val) in filters) {
			// compare with the scoped value `action`
			li >
				a .~[bind: action == key ? 'selected' ] href = '#~key' >
					'~val'
		}
	}
}
