{"size": 1029, "ext": "js", "max_stars_repo_path": "packages/frontend/src/pages/docs/GettingStarted.js", "max_stars_repo_name": "MB13534/up-poc", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "packages/frontend/src/pages/docs/GettingStarted.js", "max_issues_repo_name": "MB13534/up-poc", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "packages/frontend/src/pages/docs/GettingStarted.js", "max_forks_repo_name": "MB13534/up-poc", "max_forks_repo_forks_event_min_datetime": "2021-09-08T17:19:44.000Z", "max_forks_repo_forks_event_max_datetime": "2021-09-08T17:19:44.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 24.5, "max_line_length": 77, "alphanum_fraction": 0.667638484}
import React from "react";
import styled from "styled-components/macro";

import { Helmet } from "react-helmet-async";

import { Box, Typography as MuiTypography } from "@material-ui/core";

import { spacing } from "@material-ui/system";

import Code from "../../components/Code";

const Typography = styled(MuiTypography)(spacing);

function QuickStart() {
  return (
    <Box mb={10}>
      <Typography variant="h3" gutterBottom>
        Quick start
      </Typography>
      <Typography variant="subtitle1" gutterBottom my={4}>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque
        dignissimos dolores earum enim, ipsa ipsum iusto, maiores nemo nobis
        officiis quae rerum sed sunt ullam voluptatum. Asperiores nobis porro
        rem?
        <Code>yarn install</Code>
      </Typography>
    </Box>
  );
}

function GettingStarted() {
  return (
    <React.Fragment>
      <Helmet title="Getting Started" />

      <QuickStart />
    </React.Fragment>
  );
}

export default GettingStarted;
