var React = require('react');
var Bootstrap =require('react-bootstrap');

var Navbar = Bootstrap.Navbar;
var Nav = Bootstrap.Nav;
var NavItem = Bootstrap.NavItem;
var PageHeader = Bootstrap.PageHeader;


var Header = React.createClass({

	render: function() {
		return (
			<section>
				<PageHeader>
					Pastoral Acts&nbsp;
					<small>chaplain information application</small>
				</PageHeader>
				<Navbar>
					<Nav onSelect={this._onSelect}>
						<NavItem eventKey={1} href="/home">Home</NavItem>
						<NavItem eventKey={2} href="/login">Login</NavItem>
					</Nav>
				</Navbar>
			</section>
		);
	},

	_onSelect: function(key) {
		alert('key: ' + key);
	}
});

module.exports = Header;