{"size": 866, "ext": "js", "max_stars_repo_path": "src/core/modules/ModuleInstaller/index.js", "max_stars_repo_name": "the-tab/the-tab", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/core/modules/ModuleInstaller/index.js", "max_issues_repo_name": "the-tab/the-tab", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/core/modules/ModuleInstaller/index.js", "max_forks_repo_name": "the-tab/the-tab", "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": 25.4705882353, "max_line_length": 77, "alphanum_fraction": 0.5715935335}
import React, { Component } from 'react';
import * as Icon from 'react-feather';

import styles from './styles.less';

export default class ModuleInstaller extends Component {
  static manifest = require('./manifest.json');
  static id = 'core-module-installer';

  render() {
    return (
      <div className={styles.container}>

        <div className={styles.banner}>
          <Icon.Package />
        </div>

        <div className={styles.panel}>
          <div className={styles.panelItem}>Themes</div>
          <div className={styles.panelItem}>Extensions</div>
          <div className={styles.panelItem}>Core</div>
        </div>

        {/* <div className={styles.list}>
          { store.modules.map((p, i) => (
            <div className={styles.listItem} key={i}>{ p.package.name }</div>
          )) }
        </div> */}

      </div>
    );
  }
}
