define panel as (div.panel) {
	
	// controllers scope
	var collapsed = false;
	
	// controllers slot
	slot collapse () {
		this.scope.collapsed = !this.scope.collapsed;
	}
	
	// style for the panels DIV
	style scoped {
		:host {
			width: 80%;
			margin: auto;
			padding: 20px;
			box-shadow: 1px 1px 5px #333;
		}
		h4 {
			background: steelblue;
			color: white;
			padding: 10px;
			cursor: pointer;
			-webkit-user-select: none;
		}
		small {
			color: #ccc;
		}
	}
	
	h4 x-tap=collapse {
		small > 'Click to toggle '
		@title;
	}
	
	+visible (collapsed !== true) > section .body {
		@body;
	}
}