<commit_before>import React, { Component } from 'react';
import PropTypes from 'prop-types';

import { css } from 'glamor';

const fadeInAndOut = css.keyframes('fadeInAndOut', {
  '0%': { opacity: '0' },
  '50%': { opacity: '1' },
  '100%': { opacity: '0' },
});

class Message extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div
        className="form-message success"
        {...css({
          animation: `${fadeInAndOut} 3s ease 0s infinite`,
        })}
      >
        {this.props.text}
      </div>
    );
  }
}

Message.propTypes = {
  kind: PropTypes.oneOf(['primary', 'warning', 'error']).isRequired,
  text: PropTypes.string,
};

export default Message;<commit_msg>Added small check SVG to success message<commit_after>import React, { Component } from 'react';
import PropTypes from 'prop-types';

import { css } from 'glamor';

const fadeInAndOut = css.keyframes('fadeInAndOut', {
  '0%': { opacity: '0' },
  '50%': { opacity: '1' },
  '100%': { opacity: '0' },
});

const check = css({
  stroke: '#0a0',
  verticalAlign: 'text-top',
});

const messageText = css({
  paddingLeft: '3px',
  display: 'inline',
});

class Message extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div
        className="form-message success"
        {...css({
          animation: `${fadeInAndOut} 3s ease 0s infinite`,
        })}
      >
        <span>
          <svg
            {...check}
            aria-hidden="true"
            height="14"
            version="1.1"
            viewBox="0 0 12 16"
            width="12"
          >
            <path fillRule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z" />
          </svg>
          <div {...messageText}>{this.props.text}</div>
        </span>
      </div>
    );
  }
}

Message.propTypes = {
  kind: PropTypes.oneOf(['primary', 'warning', 'error']).isRequired,
  text: PropTypes.string,
};

export default Message;
{'fraction_non_alphanumeric': 0.17641228939544104, 'fraction_numerical': 0.027254707631318136, 'mean_word_length': 2.3316831683168315, 'pattern_counts': {'":': 0, '<': 14, '<?xml version=': 0, '>': 14, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2341922', 'n_tokens_mistral': 706, 'n_tokens_neox': 681, 'n_words': 152}