<commit_before>import Divider from 'material-ui/Divider';
import MenuItem from 'material-ui/MenuItem';
import Paper from 'material-ui/Paper';
import React from 'react';
import SelectField from 'material-ui/SelectField';
import classNames from 'classnames';

const styles = {
  customWidth: {
    width: 150
  },
  headline: {
    fontSize: 36,
    paddingTop: 16,
    marginLeft: 20,
    marginBottom: 12,
    fontWeight: 400
  },
  tabponent: {
    marginTop: '50',
    marginLeft: '50',
    marginRight: '50',
    paddingBottom: '40',
    maxWidth: '700',
    width: 'viewPort',
    alignContent: 'centerAlign'
  },
  personContent: {
    fontSize: 24,
    maxWidth: '95%',
    padding: '5%',
    margin: '20'
  }
};

const Items = React.createClass({
  render() {
    const lrgBtnClassNames = classNames({
      btnLarge: true,
      wavesEffect: true
    });

    const styleFlexMain = {
      fontSize: 24,
      marginBottom: '50px'
    };

    return <div>
      <div
        style={styles.tabponent}
        zDepth={3}
      >
        <h3 style={styles.headline}>
          Tell us about your Family
        </h3>
        <Paper
          rounded={false}
          style={styles.personContent}
          zDepth={2}
        >
          <h3 style={styles.headline}>Person 1</h3>
          <SelectField onChange={this.handleChange} value={1}>
            <MenuItem
              default={true}
              disabled={true}
              primaryText="Size"
              value={1}
            />
            <Divider />
            <MenuItem primaryText="Small" value={2} />
            <MenuItem primaryText="Medium" value={3} />
            <MenuItem primaryText="Large" value={4} />
          </SelectField>
          <br />
          <SelectField onChange={this.handleChange} value={1}>
            <MenuItem
              default={true}
              disabled={true}
              primaryText="Clothing"
              value={1}
            />
            <Divider />
            <MenuItem primaryText="Mens Styles" value={2} />
            <MenuItem primaryText="Womens Styles" value={3} />
          </SelectField>
          <input
            className={lrgBtnClassNames}
            style={styleFlexMain}
            type="button"
            value="Correct"
          />
        </Paper>
      </div>
    </div>;
  }
});

export default Items;
<commit_msg>changed one line of code<commit_after>import Divider from 'material-ui/Divider';
import MenuItem from 'material-ui/MenuItem';
import Paper from 'material-ui/Paper';
import React from 'react';
import SelectField from 'material-ui/SelectField';
import classNames from 'classnames';

const styles = {
  customWidth: {
    width: 150
  },
  headline: {
    fontSize: 36,
    paddingTop: 16,
    marginLeft: 20,
    marginBottom: 12,
    fontWeight: 400
  },
  tabponent: {
    marginTop: '50',
    marginLeft: '50',
    marginRight: '50',
    paddingBottom: '40',
    maxWidth: '700',
    width: 'viewPort',
    alignContent: 'centerAlign'
  },
  personContent: {
    fontSize: 24,
    maxWidth: '95%',
    padding: '5%',
    margin: '20'
  }
};

const Items = React.createClass({
  render() {
    const lrgBtnClassNames = classNames({
      btnLarge: true,
      wavesEffect: true
    });

    const styleFlexMain = {
      fontSize: 24,
      marginBottom: '50px'
    };

    return <div>
      <div
        style={styles.tabponent}
        zDepth={3}
      >
        <h3 style={styles.headline}>
          Select Clothing Options
        </h3>
        <Paper
          rounded={false}
          style={styles.personContent}
          zDepth={2}
        >
          <h3 style={styles.headline}>Person 1</h3>
          <SelectField onChange={this.handleChange} value={1}>
            <MenuItem
              default={true}
              disabled={true}
              primaryText="Size"
              value={1}
            />
            <Divider />
            <MenuItem primaryText="Small" value={2} />
            <MenuItem primaryText="Medium" value={3} />
            <MenuItem primaryText="Large" value={4} />
          </SelectField>
          <br />
          <SelectField onChange={this.handleChange} value={1}>
            <MenuItem
              default={true}
              disabled={true}
              primaryText="Clothing"
              value={1}
            />
            <Divider />
            <MenuItem primaryText="Mens Styles" value={2} />
            <MenuItem primaryText="Womens Styles" value={3} />
          </SelectField>
          <input
            className={lrgBtnClassNames}
            style={styleFlexMain}
            type="button"
            value="Correct"
          />
        </Paper>
      </div>
    </div>;
  }
});

export default Items;

{'fraction_non_alphanumeric': 0.12802695304274583, 'fraction_numerical': 0.021899347230996, 'mean_word_length': 1.8123149792776792, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, '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': '5182419', 'n_tokens_mistral': 1444, 'n_tokens_neox': 1373, 'n_words': 302}