var Toolbar = function ( signals ) {

	var container = new UI.Panel();
	container.setPosition( 'absolute' );
	container.setClass( 'toolbar' );

	var buttons = new UI.Panel();
	buttons.setPadding( '7px' );
	container.add( buttons );

	var snap = new UI.Checkbox( true ).onChange( update );
	buttons.add( snap );
	buttons.add( new UI.Text( 'snap: ' ) );
	var snapDist = new UI.Number( 25 ).onChange( update );
	snapDist.dom.style.width = '42px';
	buttons.add( snapDist );

	var x = new UI.Checkbox( true ).onChange( update );
	buttons.add( x );
	buttons.add( new UI.Text( 'x' ) );

	var y = new UI.Checkbox( true ).setMarginLeft( '10px' ).onChange( update );
	buttons.add( y );
	buttons.add( new UI.Text( 'y ' ) );

	var z = new UI.Checkbox( true ).setMarginLeft( '10px' ).onChange( update );
	buttons.add( z );
	buttons.add( new UI.Text( 'z ' ) );

	function update() {

		var axis = new THREE.Vector3();
		axis.x = x.getValue() === true ? 1 : 0;
		axis.y = y.getValue() === true ? 1 : 0;
		axis.z = z.getValue() === true ? 1 : 0;

		signals.modifierAxisChanged.dispatch( axis );

		signals.snapChanged.dispatch( snap.getValue() === true ? snapDist.getValue() : null );

	}

	return container;

}