<commit_before>import React from 'react';
import styles from './styles.css';
import ButtonPlusMinus from '../ButtonPlusMinus';
import Typography from '../Typography';
const PropTypes = React.PropTypes;

function CounterInputGeneral(props) {
  return (
    <div className={styles.wrapper
    } >
      <Typography
        className={styles.labelText}
        type={'bodyTextNormal'}
        >
        {props.label}
      </Typography>
      <Typography
        className={`${props.value === 0 ? styles.valueTextMuted : styles.valueText}`}
        type={'bodyTextNormal'}
        >
        {props.value}
      </Typography>
      <ButtonPlusMinus
        className={styles.minus}
        inactive={props.value === 0}
        onClick={props.decreaseValue}
        operator={'remove'}
        />
      <ButtonPlusMinus
        className={styles.plus}
        onClick={props.increaseValue}
        operator={'plus'}
        />
    </div>
  );
}

CounterInputGeneral.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  decreaseValue: PropTypes.func,
  increaseValue: PropTypes.func,
  label: PropTypes.string,
  value: PropTypes.node
};

export default CounterInputGeneral;<commit_msg>counter input prop<commit_after>import React from 'react';
import styles from './styles.css';
import ButtonPlusMinus from '../ButtonPlusMinus';
import Typography from '../Typography';
const PropTypes = React.PropTypes;

function CounterInputGeneral(props) {
  return (
    <div className={styles.wrapper
    } >
      <Typography
        className={styles.labelText}
        type={'bodyTextNormal'}
        >
        {props.label}
      </Typography>
      <Typography
        className={`${props.value === 0 ? styles.valueTextMuted : styles.valueText}`}
        type={'bodyTextNormal'}
        >
        {props.value}
      </Typography>
      <ButtonPlusMinus
        className={styles.minus}
        inactive={props.value === 0}
        large={props.large}
        onClick={props.decreaseValue}
        operator={'remove'}
        />
      <ButtonPlusMinus
        className={styles.plus}
        large={props.large}
        onClick={props.increaseValue}
        operator={'plus'}
        />
    </div>
  );
}

CounterInputGeneral.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  decreaseValue: PropTypes.func,
  increaseValue: PropTypes.func,
  label: PropTypes.string,
  large: PropTypes.bool,
  value: PropTypes.node
};

export default CounterInputGeneral;
{'fraction_non_alphanumeric': 0.12570281124497992, 'fraction_numerical': 0.001606425702811245, 'mean_word_length': 2.7515060240963853, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, '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': '7637775', 'n_tokens_mistral': 701, 'n_tokens_neox': 720, 'n_words': 133}