<commit_before>import React from 'react';
import PropTypes from 'prop-types';

/*
Conditionally showing children componenents (a simpler variant of ToggleDisplay)

Usage example:
<Show if={this.props.reports.hasNextPage()}>
    <LoadMore onClick={this.handleLoadMore} />
</Show>
*/

Show.propTypes = {
    if: PropTypes.bool
}

export default function Show(props) {
    if (props.if === false) {
        return null;
    }

    let style = {};
    // style.display = 'none';
    
    return (
            <span style={style} {...props} />
    );
}<commit_msg>switched to div<commit_after>import React from 'react';
import PropTypes from 'prop-types';

/*
Conditionally showing children componenents (a simpler variant of ToggleDisplay)

Usage example:
<Show if={this.props.reports.hasNextPage()}>
    <LoadMore onClick={this.handleLoadMore} />
</Show>
*/

Show.propTypes = {
    if: PropTypes.bool
}

export default function Show(props) {
    if (props.if === false) {
        return null;
    }

    let style = {};
    // style.display = 'none';
    
    return (
            <div style={style} >
                {props.children}
            </div>
    );
}
{'fraction_non_alphanumeric': 0.13977566867989646, 'fraction_numerical': 0.0, 'mean_word_length': 2.694267515923567, 'pattern_counts': {'":': 0, '<': 12, '<?xml version=': 0, '>': 12, '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': '7336576', 'n_tokens_mistral': 357, 'n_tokens_neox': 354, 'n_words': 91}