{"size": 446, "ext": "js", "max_stars_repo_path": "src/shared_components/HelpTooltip/index.js", "max_stars_repo_name": "sumitjoshi97/frontend", "max_stars_repo_stars_event_min_datetime": "2019-05-07T05:25:57.000Z", "max_stars_repo_stars_event_max_datetime": "2019-05-07T05:25:57.000Z", "max_issues_repo_path": "src/shared_components/HelpTooltip/index.js", "max_issues_repo_name": "kranthi0987/frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/shared_components/HelpTooltip/index.js", "max_forks_repo_name": "kranthi0987/frontend", "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.84, "max_line_length": 59, "alphanum_fraction": 0.5291479821}
import React from 'react';
import { Popup } from 'semantic-ui-react';
import { QuestionMarkIcon } from 'shared_components/icons';

const iconStyle = {
  cursor: 'pointer',
};

export default ({ content, style }) => (
  <Popup
    trigger={
      <span>
        <QuestionMarkIcon
          style={{
            ...iconStyle,
            ...style,
          }}
        />
      </span>
    }
    content={content}
    position="top center"
  />
);
