<commit_before>import React, { Component } from 'react';
import Switch from '../../dist';

export default class CustomIconSwitch extends Component {
  constructor() {
    super();
    this.state = { checked: false };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(checked) {
    this.setState({ checked });
  }

  render() {
    return (
      <div className="example">
        <h2>Custom icons</h2>
        <div className="switch-group">
          <label htmlFor="icon-switch">Switch with custom icons</label>
          <Switch
            checked={this.state.checked}
            onChange={this.handleChange}
            uncheckedIcon={(
              <svg viewBox="-6 -5 14 20" height="100%" width="100%">
                <rect width="2" height="10" fill="#227" />
              </svg>
            )}
            checkedIcon={(
              <div style={{ color: 'pink', paddingTop: 2, paddingLeft: 6, fontSize: 20 }}>
                ❤
              </div>
            )}
            className="react-switch"
            id="icon-switch"
          />
        </div>
        <pre>{`
<label htmlFor="icon-switch">Switch with custom icons</label>
<Switch
  checked={this.state.checked}
  onChange={this.handleChange}
  uncheckedIcon={(
    <svg viewBox="-6 -5 14 20" height="100%" width="100%">
      <rect width="2" height="10" fill="#227" />
    </svg>
  )}
  checkedIcon={(
    <div style={{ color: 'pink', paddingTop: 2, paddingLeft: 6, fontSize: 20 }}>
      ❤
    </div>
  )}
  className="react-switch"
  id="icon-switch"
/>
        `}
        </pre>
      </div>
    );
  }
}
<commit_msg>change off icon in custom icons example<commit_after>import React, { Component } from 'react';
import Switch from '../../dist';

export default class CustomIconSwitch extends Component {
  constructor() {
    super();
    this.state = { checked: false };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(checked) {
    this.setState({ checked });
  }

  render() {
    return (
      <div className="example">
        <h2>Custom icons</h2>
        <div className="switch-group">
          <label htmlFor="icon-switch">Switch with custom icons</label>
          <Switch
            checked={this.state.checked}
            onChange={this.handleChange}
            uncheckedIcon={(
              <div style={{ paddingTop: 5, paddingLeft: 3, fontSize: 14 }}>
                Off
              </div>
            )}
            checkedIcon={(
              <div style={{ color: 'pink', paddingTop: 2, paddingLeft: 6, fontSize: 20 }}>
                ❤
              </div>
            )}
            className="react-switch"
            id="icon-switch"
          />
        </div>
        <pre>{`
<label htmlFor="icon-switch">Switch with custom icons</label>
<Switch
  checked={this.state.checked}
  onChange={this.handleChange}
  uncheckedIcon={(
    <svg viewBox="-6 -5 14 20" height="100%" width="100%">
      <rect width="2" height="10" fill="#227" />
    </svg>
  )}
  checkedIcon={(
    <div style={{ color: 'pink', paddingTop: 2, paddingLeft: 6, fontSize: 20 }}>
      ❤
    </div>
  )}
  className="react-switch"
  id="icon-switch"
/>
        `}
        </pre>
      </div>
    );
  }
}

{'fraction_non_alphanumeric': 0.16049382716049382, 'fraction_numerical': 0.024074074074074074, 'mean_word_length': 2.0176908752327747, 'pattern_counts': {'":': 0, '<': 50, '<?xml version=': 0, '>': 50, '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': '5690122', 'n_tokens_mistral': 1034, 'n_tokens_neox': 973, 'n_words': 222}