<commit_before>const React      = require('react');
const classNames = require('classnames');

/**
 * <Tabs>
 *   <Tabs.Nav>
 *     <Tabs.Item active>Hello</Tabs.Item>
 *     <Tabs.Item>World</Tabs.Item>
 *   </Tabs.Nav>
 *   <Tabs.Content>
 *
 *   </Tabs.Content>
 * </Tabs>
 */

const Tabs = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },

    render: function() {
        return (
            <div className="tabs">
                {this.props.children}
            </div>
        );
    }
});

const TabsNav = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },

    render: function() {
        return (
            <div className="tabs-nav">
                {this.props.children}
            </div>
        );
    }
});

const TabsItem = React.createClass({
    propTypes: {
        children: React.PropTypes.node,
        active:   React.PropTypes.bool,
        href:     React.PropTypes.string,
        onClick:  React.PropTypes.func
    },

    getDefaultProps: function() {
        return {
            href: '#'
        };
    },

    onClick: function(event) {
        let { onClick } = this.props;

        if (onClick) {
            event.preventDefault();
            onClick();
        }
    },

    render: function() {
        let { children, href, active } = this.props;

        return (
            <li className={classNames({ active: active })}>
                <a href={href}>{children}</a>
            </li>
        );
    }
});

const TabsContent = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },<commit_msg>Fix onClick of tabs entry<commit_after>const React      = require('react');
const classNames = require('classnames');

/**
 * <Tabs>
 *   <Tabs.Nav>
 *     <Tabs.Item active>Hello</Tabs.Item>
 *     <Tabs.Item>World</Tabs.Item>
 *   </Tabs.Nav>
 *   <Tabs.Content>
 *
 *   </Tabs.Content>
 * </Tabs>
 */

const Tabs = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },

    render: function() {
        return (
            <div className="tabs">
                {this.props.children}
            </div>
        );
    }
});

const TabsNav = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },

    render: function() {
        return (
            <div className="tabs-nav">
                {this.props.children}
            </div>
        );
    }
});

const TabsItem = React.createClass({
    propTypes: {
        children: React.PropTypes.node,
        active:   React.PropTypes.bool,
        href:     React.PropTypes.string,
        onClick:  React.PropTypes.func
    },

    getDefaultProps: function() {
        return {
            href: '#'
        };
    },

    onClick: function(event) {
        let { onClick } = this.props;

        if (onClick) {
            event.preventDefault();
            onClick();
        }
    },

    render: function() {
        let { children, href, active } = this.props;

        return (
            <li className={classNames({ active: active })}>
                <a href={href} onClick={this.onClick}>{children}</a>
            </li>
        );
    }
});

const TabsContent = React.createClass({
    propTypes: {
        children: React.PropTypes.node
    },
{'fraction_non_alphanumeric': 0.1470499243570348, 'fraction_numerical': 0.0, 'mean_word_length': 1.6639806607574537, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '4170643', 'n_tokens_mistral': 1019, 'n_tokens_neox': 1011, 'n_words': 179}