{"size": 591, "ext": "js", "max_stars_repo_path": "src/views/pages/commons/Commons.js", "max_stars_repo_name": "c7yrus/alyson-v3", "max_stars_repo_stars_event_min_datetime": "2021-01-21T23:13:19.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-21T23:13:19.000Z", "max_issues_repo_path": "src/views/pages/commons/Commons.js", "max_issues_repo_name": "c7yrus/alyson-v3", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/views/pages/commons/Commons.js", "max_forks_repo_name": "c7yrus/alyson-v3", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 17.9090909091, "max_line_length": 52, "alphanum_fraction": 0.475465313}
import React, { Component } from 'react';
import { Text, Box, Input } from '../../components';
import Layout from '../../layout';

class Commons extends Component {
  render() {
    return (
      <Layout
        title="Commons"
        appColor="dark"
      >
        <Box
          justifyContent="center"
          alignItems="center"
          flex={1}
          flexDirection="column"
        >
          <Text>
Commons
          </Text>

          <Input
            type="text"
            icon="edit"
          />
        </Box>
      </Layout>
    );
  }
}

export default Commons;
