<commit_before>import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import IsScrolling from '../src/IsScrolling.js';


const parentDivStyle = {
  height: '2000px'
};

const overlayStyle = {
  position: 'fixed',
  background: 'LightSkyBlue',
  bottom: '50px',
};


@IsScrolling
class Page extends Component {

  render() {
    const { isScrolling } = this.props;

    return (
      <div style={parentDivStyle}>

        <h1 style={{ ...overlayStyle, right: '50px' }}>
          { isScrolling ? 'Yay! You are scrolling!' : 'Scroll Here!' }
        </h1>

        { !isScrolling &&
          <h1 style={{ ...overlayStyle, left: '50px' }}>
            This will hide on scrolling!
          </h1>
        }

      </div>
    );
  }
}

ReactDOM.render(
  <Page />,
  document.getElementById('root')
);
<commit_msg>add messages for scrollTop and Down<commit_after>import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import IsScrolling from '../src/IsScrolling.js';


const parentDivStyle = {
  height: '2000px'
};

const overlayStyle = {
  position: 'fixed',
  background: 'LightSkyBlue',
  bottom: '50px',
};


@IsScrolling
class Page extends Component {

  render() {
    const { isScrolling, isScrollingDown, isScrollingUp } = this.props;

    return (
      <div style={parentDivStyle}>

        <h1 style={{ ...overlayStyle, right: '50px' }}>
          {
            !isScrolling && 'Scroll Here!'
          }

          {
            isScrollingDown && 'You are scrolling DOWN!'
          }

          {
            isScrollingUp && 'You are scrolling UP!'
          }
        </h1>

        { !isScrolling &&
          <h1 style={{ ...overlayStyle, left: '50px' }}>
            This will hide on scrolling!
          </h1>
        }

      </div>
    );
  }
}

ReactDOM.render(
  <Page />,
  document.getElementById('root')
);

{'fraction_non_alphanumeric': 0.14658848614072495, 'fraction_numerical': 0.014925373134328358, 'mean_word_length': 2.2195540308747854, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, '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': '5663217', 'n_tokens_mistral': 619, 'n_tokens_neox': 586, 'n_words': 145}