{"size": 569, "ext": "js", "max_stars_repo_path": "src/components/Emoji/Emoji.js", "max_stars_repo_name": "KutieKat/github-emojis-cheatsheet", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Emoji/Emoji.js", "max_issues_repo_name": "KutieKat/github-emojis-cheatsheet", "max_issues_repo_issues_event_min_datetime": "2020-07-16T07:58:06.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-07T14:16:54.000Z", "max_forks_repo_path": "src/components/Emoji/Emoji.js", "max_forks_repo_name": "KutieKat/github-emojis-cheatsheet", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 24.7391304348, "max_line_length": 69, "alphanum_fraction": 0.6362038664}
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { CopyToClipboard } from 'react-copy-to-clipboard';
import './Emoji.css';

class Emoji extends Component {
  render() {
    return (
      <CopyToClipboard text={ this.props.markup }>
        <span className="results-list-item">
          <img src={ this.props.emoji.image } width="70" />
          <span className="markup">{ this.props.emoji.markup }</span>
        </span>
      </CopyToClipboard>
    );
  }
}

Emoji.PropTypes = {
  emoji: PropTypes.object
}

export default Emoji;