{"size": 381, "ext": "js", "max_stars_repo_path": "src/views/Viewport.js", "max_stars_repo_name": "anttears/goodminton", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/views/Viewport.js", "max_issues_repo_name": "anttears/goodminton", "max_issues_repo_issues_event_min_datetime": "2021-08-31T20:05:56.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T08:12:22.000Z", "max_forks_repo_path": "src/views/Viewport.js", "max_forks_repo_name": "anttears/goodminton", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 22.4117647059, "max_line_length": 60, "alphanum_fraction": 0.6351706037}
import JsxConverter, { render } from '../JsxConverter';
import Header from './Header';
import Score from './Score';

const viewportStyle = {
    display: 'flex',
    flexDirection: 'column',
    minHeight: '100vh',
}

export default function Viewport() {
    return (<div className="viewport" style={viewportStyle}>
        <Header></Header>
        <Score></Score>
    </div>);
}
