<commit_before>import React, { Component } from 'react';
import { intlShape } from './shape';

const FormattedMessage = ({ id, values, defaultMessage = '', html = false }, { intl }) => {
  const message = intl.formatMessage({ id, defaultMessage }, values);
  return html ? 
    <span className="i18n-message" dangerouslySetInnerHTML={{__html: message}}/> :
    <span className="i18n-message">{message}</span>
}

FormattedMessage.contextTypes = {
  intl: intlShape
}

export default FormattedMessage;<commit_msg>Add className prop to FormattedMessage<commit_after>import React, { Component } from 'react';
import { intlShape } from './shape';

const FormattedMessage = ({ id, values, defaultMessage = '', html = false, className = '' }, { intl }) => {
  const message = intl.formatMessage({ id, defaultMessage }, values);
  const cssClass = `i18n-message ${className}`;

  return html ? 
    <span className={cssClass} dangerouslySetInnerHTML={{__html: message}}/> :
    <span className={cssClass}>{message}</span>
}

FormattedMessage.contextTypes = {
  intl: intlShape
}

export default FormattedMessage;
{'fraction_non_alphanumeric': 0.14673913043478262, 'fraction_numerical': 0.005434782608695652, 'mean_word_length': 5.038251366120218, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 11, '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': '3096044', 'n_tokens_mistral': 327, 'n_tokens_neox': 322, 'n_words': 82}