{"size": 490, "ext": "js", "max_stars_repo_path": "client/src/components/Navbar.js", "max_stars_repo_name": "YessineAmor/blog-dapp-ethereum", "max_stars_repo_stars_event_min_datetime": "2021-12-25T15:31:51.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-25T15:31:51.000Z", "max_issues_repo_path": "client/src/components/Navbar.js", "max_issues_repo_name": "YessineAmor/blog-dapp-ethereum", "max_issues_repo_issues_event_min_datetime": "2021-05-08T04:15:04.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T17:10:57.000Z", "max_forks_repo_path": "client/src/components/Navbar.js", "max_forks_repo_name": "YessineAmor/blog-dapp-ethereum", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 9, "max_forks_count": null, "avg_line_length": 32.6666666667, "max_line_length": 103, "alphanum_fraction": 0.5959183673}
import React, { Component } from 'react'

class Navbar extends Component {
    render() {
        return (
            <div className="topNav">
                <button name="Home" onClick={this.props.buttonClicked} className="active">Home</button>
                <button name="Write" onClick={this.props.buttonClicked}>Write</button>
                <button name="Rewards" onClick={this.props.buttonClicked}>My Rewards</button>
            </div>
        );
    }
}

export default Navbar;