{"size": 770, "ext": "js", "max_stars_repo_path": "app/containers/TransactionsPage/AccountOverviewDetails.js", "max_stars_repo_name": "uptime100/itm-partners", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/containers/TransactionsPage/AccountOverviewDetails.js", "max_issues_repo_name": "uptime100/itm-partners", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/containers/TransactionsPage/AccountOverviewDetails.js", "max_forks_repo_name": "uptime100/itm-partners", "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": 24.8387096774, "max_line_length": 57, "alphanum_fraction": 0.5298701299}
import React from 'react';

class AccountOverviewDetails extends React.Component {
  render() {
    return (
      <div className="columns accountOverviewDetailsRow">
        <div className="column">
          <p>INTIMATE(ITM)</p>
        </div>
        <div className="column">
          <p>+121.28 ITM</p>
        </div>
        <div className="column has-text-centered">
          <p>+121.28 ITM</p>
        </div>
        <div className="column has-text-centered">
          <p>-23,230 ITM</p>
        </div>
        <div className="column has-text-centered">
          <p>+$10021.28 ITM</p>
        </div>
        <div className="column">
          <p>+$233,234.23 @1.142 USD/ITM</p>
        </div>
      </div>
    );
  }
}

export default AccountOverviewDetails;
