{"size": 683, "ext": "js", "max_stars_repo_path": "App/src/Components/TokenIndicator.js", "max_stars_repo_name": "danghh-1998/microsoft-teams-sample-meetings-token", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "App/src/Components/TokenIndicator.js", "max_issues_repo_name": "danghh-1998/microsoft-teams-sample-meetings-token", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "App/src/Components/TokenIndicator.js", "max_forks_repo_name": "danghh-1998/microsoft-teams-sample-meetings-token", "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": 26.2692307692, "max_line_length": 95, "alphanum_fraction": 0.5021961933}
import React, { Component } from 'react';
import { Text } from '@fluentui/react/lib/Text';

class TokenIndicator extends Component {
    render() {
        return this.props.show ?
            (
                <div className="token-indicator-container" >
                    <Text className="token-indicator-title" variant="mediumPlus" color="green">
                        {this.props.title}
                    </Text>
                    <Text className="token-indicator-value" variant="xLargePlus" >
                        {this.props.value || "N/A"}
                    </Text>
                </div>
            ) : null


    }
}

export default TokenIndicator;


// hello
