## Navbar

### Usage

```jsx
import { Navbar } from 'ui-components';

const menu = [
	{
		title: 'Teams',
		icon: 'users',
		active: true,
		menu: [
			{
				title: 'Signals',
				menu: [
					{
						title: 'Backlog Change',
						description: 'Percent change in number of open issues',
						path: '/signal/backlog-change/team/all',
						active: true
					}
				]
			}
		]
	}
];

const menuAdmin = [
	{
		title: 'People',
		description: 'Manage your users',
		path: '/admin/people'
	}
];

<Navbar
	menu={menu}
	admin={menuAdmin}
	avatarUrl="https://www.gravatar.com/avatar/27baf346ddf18b26853cd3f806a4d16b?s=30"
	onSignout={() => { window.location = `https://${window.document.location.host}/signout`; }}
	onClick={(e, { value }) => {
		console.log(`Navigating to ${value}`);
	}}
/>
```

### Parameters

* `menu` (required) is an array of menu items
	* `title` (required) is the title to display
	* `icon` (required) is the icon to display
	* `active` can be set to `true` to display an active selection indicator
	* `menu` (required) is an array of sub-menu options (sections within the dropdown)
		* `title` (required) is the title display
		* `menu` (required) is an array of sub-sub-menu options (screen links)
			* `title` (required) is the title to display
			* `description` is the description to display
			* `key` (required) is the key of the route a user should be taken to when selecting this option
			* `active` can be set to `true` to display an active selection indicator
* `admin` is an array of admin menu items
	* _See sub-sub-menu options above for reference_
* `logoUrl` is the URL a user is taken to when clicking on the Pinpoint logo
* `avatarUrl` (required) is the URL of the user's avatar
* `onSignout` is the callback for the sign out button

### Events

* `onClick` is the callback handler
	* `e` is the click event
	* `o` is the clicked menu item
		* `value` is the path of the menu item

### Notes

* This component may generate an error that says `route` is not a valid FontAwesome icon name; ignore this.