<commit_before>import React, { PropTypes } from 'react'
import childrenPropType from 'propTypes/children'
import classNames from 'classnames'

const Navigation = props =>
  <div className={`navbar navbar-fixed-top navbar-${props.theme}`}>
    <div className="container-max">
      <div className="navbar-header">
        <button type="button" className="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span className="sr-only">Toggle navigation</span>
          <i className="fa fa-bars" />
        </button>
        <button type="button" className="navbar-toggle pull-right" aria-expanded="false">
          <span className="sr-only">Toggle navigation</span>
          <i className="fa fa-search" />
        </button>
        {props.brand &&
          <div className="navbar-brand">
            {props.brand}
          </div>
        }
      </div>

      <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul
          className={classNames('nav navbar-nav', {
            'navbar-nav--align-left': props.align === 'left',
          })}
          >
          {props.children}
        </ul>
        {props.navigationOptions}
      </div>
    </div>
  </div>

Navigation.propTypes = {
  align: PropTypes.oneOf(['left', 'center']).isRequired,
  brand: PropTypes.node,
  children: childrenPropType,
  navigationOptions: childrenPropType,
  theme: PropTypes.oneOf(['default', 'inverse']).isRequired,
}

Navigation.defaultProps = {
  align: 'center',
  theme: 'default',
}

export default Navigation<commit_msg>Allows to specify a className for the navigation<commit_after>import React, { PropTypes } from 'react'
import childrenPropType from 'propTypes/children'
import classNames from 'classnames'

const Navigation = props =>
  <div
    className={classNames('navbar', 'navbar-fixed-top',
      `navbar-${props.theme}`, props.className,
    )}
    >
    <div className="container-max">
      <div className="navbar-header">
        <button type="button" className="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span className="sr-only">Toggle navigation</span>
          <i className="fa fa-bars" />
        </button>
        <button type="button" className="navbar-toggle pull-right" aria-expanded="false">
          <span className="sr-only">Toggle navigation</span>
          <i className="fa fa-search" />
        </button>
        {props.brand &&
          <div className="navbar-brand">
            {props.brand}
          </div>
        }
      </div>

      <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul
          className={classNames('nav navbar-nav', {
            'navbar-nav--align-left': props.align === 'left',
          })}
          >
          {props.children}
        </ul>
        {props.navigationOptions}
      </div>
    </div>
  </div>

Navigation.propTypes = {
  align: PropTypes.oneOf(['left', 'center']).isRequired,
  brand: PropTypes.node,
  children: childrenPropType,
  className: PropTypes.string,
  navigationOptions: childrenPropType,
  theme: PropTypes.oneOf(['default', 'inverse']).isRequired,
}

Navigation.defaultProps = {
  align: 'center',
  theme: 'default',
}

export default Navigation
{'fraction_non_alphanumeric': 0.15079834417504434, 'fraction_numerical': 0.0011827321111768185, 'mean_word_length': 2.866285714285714, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 49, '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': '5266212', 'n_tokens_mistral': 984, 'n_tokens_neox': 964, 'n_words': 197}