text: import React from "react";
  import PropTypes from "prop-types";
  import TextArea from "react-textarea-autosize";
  import styles from "./styles.scss";
  
  const CommentBox = (props, context) => (
    <form className={styles.commentBox}>
      <TextArea
        className={styles.input}
        placeholder={context.t("Add a comment...")}
        value={props.comment}
        onChange={props.handleInputChange}
        onKeyPress={props.handleKeyPress}
      />
    </form>
  );
  
  CommentBox.contextTypes = {
    t: PropTypes.func.isRequired
  };
  
  CommentBox.propTypes = {
    handleInputChange: PropTypes.func.isRequired,
    handleKeyPress: PropTypes.func.isRequired,
    comment: PropTypes.string.isRequired,
    photoId: PropTypes.number.isRequired
  };
  
  export default CommentBox;
  