{"size": 697, "ext": "js", "max_stars_repo_path": "ui/Components/Header.js", "max_stars_repo_name": "ShibelordHODL/SHIMS", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "ui/Components/Header.js", "max_issues_repo_name": "ShibelordHODL/SHIMS", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "ui/Components/Header.js", "max_forks_repo_name": "ShibelordHODL/SHIMS", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.8928571429, "max_line_length": 86, "alphanum_fraction": 0.6298421808}
import React, { Component } from 'react'
import WorkflowAlert from './WorkflowAlert'

import Menu from 'material-ui/svg-icons/navigation/Menu'
import { AppBar,IconButton,FlatButton } from 'material-ui'


export default class Header extends Component {
	handleTouchTap() {
    alert('onTouchTap triggered on the title component')
  }

  
	render() {
		return (
			<div>
				<AppBar
	        title={<span style={{cursor: 'pointer'}}>SHIMS - Select Harvests IMS</span>}
	        onTitleTouchTap={this.handleTouchTap}
	        iconElementLeft={<IconButton><Menu /></IconButton>}
	        iconElementRight={<WorkflowAlert />}
	        zDepth={1}
	      />
			</div>
		)
	}
}
