{"size": 453, "ext": "js", "max_stars_repo_path": "src/template/TopNavBar.js", "max_stars_repo_name": "minha-grana/minha-grana-webapp", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/template/TopNavBar.js", "max_issues_repo_name": "minha-grana/minha-grana-webapp", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/template/TopNavBar.js", "max_forks_repo_name": "minha-grana/minha-grana-webapp", "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": 25.1666666667, "max_line_length": 110, "alphanum_fraction": 0.6225165563}
import React, { Component } from 'react';
import { Navbar, Icon, Button } from 'react-materialize';

import './TopNavBar.css';

class TopNavBar extends Component {
  render() {
    const { auth } = this.props;
    return (
      <Navbar right brand={<div data-activates="side-nav"><Icon style={{margin: "0 15px"}}>menu</Icon></div>}>
         <Button onClick={() => auth.logout()}>Logout</Button>
      </Navbar>
    );
  }
}

export default TopNavBar;
