{"size": 2537, "ext": "js", "max_stars_repo_path": "components/key-indicators.js", "max_stars_repo_name": "henryaboutshen/xi-testing-dashboard", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/key-indicators.js", "max_issues_repo_name": "henryaboutshen/xi-testing-dashboard", "max_issues_repo_issues_event_min_datetime": "2022-03-15T03:45:34.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-15T05:06:16.000Z", "max_forks_repo_path": "components/key-indicators.js", "max_forks_repo_name": "henryaboutshen/xi-testing-dashboard", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 32.9480519481, "max_line_length": 59, "alphanum_fraction": 0.3389830508}
import * as React from 'react';
import Grid from '@mui/material/Grid';
import Paper from '@mui/material/Paper';
import Typography from '@mui/material/Typography';
import Title from './title';

export default function KeyIndicators(props) {
    return (
        <Grid container item spacing={3} xs={12} md={4}>
            {/* Users */}
            <Grid item xs={12} md={6}>
                <Paper
                    sx={{
                        p: 2,
                        display: 'flex',
                        flexDirection: 'column',
                        height: 150,
                    }}
                >
                    <Title>Users</Title>
                    <Typography component="p" variant="h4">
                        {props.indicator.users}
                    </Typography>
                </Paper>
            </Grid>
            {/* Iterations */}
            <Grid item xs={12} md={6}>
                <Paper
                    sx={{
                        p: 2,
                        display: 'flex',
                        flexDirection: 'column',
                        height: 150,
                    }}
                >
                    <Title>Rampup (min)</Title>
                    <Typography component="p" variant="h4">
                        {props.indicator.rampup}
                    </Typography>
                </Paper>
            </Grid>
            {/* Iterations */}
            <Grid item xs={12} md={6}>
                <Paper
                    sx={{
                        p: 2,
                        display: 'flex',
                        flexDirection: 'column',
                        height: 150,
                    }}
                >
                    <Title>Iterations</Title>
                    <Typography component="p" variant="h4">
                        {props.indicator.iterations}
                    </Typography>
                </Paper>
            </Grid>
            {/* Duration */}
            <Grid item xs={12} md={6}>
                <Paper
                    sx={{
                        p: 2,
                        display: 'flex',
                        flexDirection: 'column',
                        height: 150,
                    }}
                >
                    <Title>Duration (hr)</Title>
                    <Typography component="p" variant="h4">
                        {props.indicator.duration}
                    </Typography>
                </Paper>
            </Grid>
        </Grid>
    );
}
