{"size": 696, "ext": "js", "max_stars_repo_path": "src/components/VehicleDataUtils/VehicleTestUtils/Test.js", "max_stars_repo_name": "ajstamps/FSAE-DA-WEB-II", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/VehicleDataUtils/VehicleTestUtils/Test.js", "max_issues_repo_name": "ajstamps/FSAE-DA-WEB-II", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/VehicleDataUtils/VehicleTestUtils/Test.js", "max_forks_repo_name": "ajstamps/FSAE-DA-WEB-II", "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.7777777778, "max_line_length": 66, "alphanum_fraction": 0.4985632184}
import {Menu} from "semantic-ui-react";
import React from 'react';
import '../../../assets/css/SidebarItem.css';

export class Test extends Menu.Item {
    constructor(props) {
        super(props);
        this.states = {
            value: props.value,
            text: props.text,
            clicked: null
        }
    }

    render() {
        return (
            <Menu.Item className={'sidebar-item'} onClick={() => {
                this.props.onClick(this.states.text);
            }} active={this.props.active}>
                <div className='sidebar-item-alignment-container'>
                    {this.states.text}
                </div>
            </Menu.Item>
        )
    }
}
