Drawer Component

$(function(){
	component.require(['drawer'], function(drawerComponent){
		var attachDrawer = function(selector){
			var drawer = drawerComponent.detached();
			var $closeBtn = $(document.createElement('button')).text('Close drawer');
			$closeBtn.on('click', function(e){
				drawer.close();
			});
			drawer.append($closeBtn);
			$(selector).on('click', function(e){
				drawer.open();
				e.stopPropagation(); // prevent body click (it will close drawer)
			});
			return drawer;
		}
		var leftDrawer = attachDrawer('#show-drawer-left');
		leftDrawer.left();
		var rightDrawer = attachDrawer('#show-drawer-right');
		rightDrawer.right();
	});
});