<commit_before>var React = require('react');

export default class Progress extends React.component {

  render() {

    const completed = +this.props.completed;
    if (completed = NaN || completed < 0) {
      completed = 0;
    };
    if (completed > 100) {
      completed = 100;
    };

    const style = {
      backgroundColor: this.props.color || '#0BD318',
      width: completed + '%',
      transition: "width 200ms",
      height: this.props.height || 10
    };

    return React.createElement(
      'div',
      { className: 'progressbar-container' },
      React.createElement(
        'div',
        { className: 'progressbar-progress', style: style },
        this.props.children
      )<commit_msg>build<commit_after>var React = require('react');

export default class Progress extends React.component {

  render() {

    let completed = +this.props.completed;
    if (completed === NaN || completed < 0) {
      completed = 0;
    };
    if (completed > 100) {
      completed = 100;
    };

    const style = {
      backgroundColor: this.props.color || '#0BD318',
      width: completed + '%',
      transition: "width 200ms",
      height: this.props.height || 10
    };

    return React.createElement(
      'div',
      { className: 'progressbar-container' },
      React.createElement(
        'div',
        { className: 'progressbar-progress', style: style },
        this.props.children
      )
{'fraction_non_alphanumeric': 0.1348314606741573, 'fraction_numerical': 0.023876404494382022, 'mean_word_length': 2.368794326241135, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '4761910', 'n_tokens_mistral': 439, 'n_tokens_neox': 393, 'n_words': 100}