{"size": 639, "ext": "js", "max_stars_repo_path": "user/src/modules/proposal/RightContent.js", "max_stars_repo_name": "ninjadotorg/constant-websites", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "user/src/modules/proposal/RightContent.js", "max_issues_repo_name": "ninjadotorg/constant-websites", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "user/src/modules/proposal/RightContent.js", "max_forks_repo_name": "ninjadotorg/constant-websites", "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.56, "max_line_length": 80, "alphanum_fraction": 0.489827856}
import React from "react";
import _ from "lodash";

export function RightContent({ data = {}, onClickVote }) {
  return (
    <div className="col-12 col-lg-3">
      <div className="c-card">
        {_.isEmpty(data) && <div className="empty">Please select proposal</div>}
        {!_.isEmpty(data) && (
          <div className="right-bar">
            <button
              className="c-btn c-btn-primary"
              type="button"
              style={{ marginTop: 10 }}
              onClick={onClickVote}
            >
              Vote this proposal
            </button>
          </div>
        )}
      </div>
    </div>
  );
}
