import React, { Component } from "react";
import PropTypes from "prop-types";

import AwardedScorePortal from "./awardedScorePortal";

class AwardedScore extends Component {
  constructor(props) {
    super(props);
    this.awardedScore = null;
  }

  componentDidMount() {
    this.startAnimation();
  }

  startAnimation() {
    // animate awarded score
  }

  render() {
    const { points } = this.props;
    return (
      <AwardedScorePortal>
        <div ref={elem => { this.awardedScore = elem; }}>
          <p>{points} points</p>
        </div>
      </AwardedScorePortal>
    );
  }
}

AwardedScore.propTypes = {
  points: PropTypes.number
};

export default AwardedScore;