<commit_before>import React, { PropTypes } from "react"
import cx from "classnames"

import styles from "./index.css"

const Button = (props) => (
  <div
    role="button"
    { ...props }
    className={ cx({
      [props.className]: true,
      [styles.button]: true,
      [styles.light]: props.light,
      [styles.vivid]: props.vivid,
      [styles.huge]: props.huge,
    }) }
  >
    { props.children }
  </div>
)

Button.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  huge: PropTypes.bool,
  light: PropTypes.bool,
  vivid: PropTypes.bool,
}

Button.displayName = "Button"

export default Button<commit_msg>Docs: fix button markup/dom rendering issue<commit_after>import React, { PropTypes } from "react"
import cx from "classnames"

import styles from "./index.css"

const Button = (props) => (
  <span
    role="button"
    { ...props }
    className={ cx({
      [props.className]: true,
      [styles.button]: true,
      [styles.light]: props.light,
      [styles.vivid]: props.vivid,
      [styles.huge]: props.huge,
    }) }
  >
    { props.children }
  </span>
)

Button.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  huge: PropTypes.bool,
  light: PropTypes.bool,
  vivid: PropTypes.bool,
}

Button.displayName = "Button"

export default Button
{'fraction_non_alphanumeric': 0.1474164133738602, 'fraction_numerical': 0.0, 'mean_word_length': 3.0523076923076924, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, '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': '2208770', 'n_tokens_mistral': 429, 'n_tokens_neox': 443, 'n_words': 102}