<commit_before>import React, { Component } from 'react'
import { StyleSheet } from 'react-look'
import theme from '../theme'

const styles = StyleSheet.create({
  buttonContainer: {
    position: 'absolute',
    padding: '5px 5px 0px 5px',
    margin: 10,
    borderRadius: 5,
    bottom: 0,
    left: 0,
    cursor: 'pointer',
    backgroundColor: theme.colors.orange
  },
  icon: {
    display: 'inline-block',
    width: 32,
    height: 32,
    fill: 'white'
  }
})

export default class MapZoomOut extends Component {
  static propTypes = {
    onClick: React.PropTypes.func
  }

  render() {
    return (
      <div
        className={styles.buttonContainer}
        onClick={() => this.props.onClick()}<commit_msg>Make icon blue<commit_after>import React, { Component } from 'react'
import { StyleSheet } from 'react-look'
import theme from '../theme'

const styles = StyleSheet.create({
  buttonContainer: {
    position: 'absolute',
    padding: '5px 5px 0px 5px',
    margin: 10,
    borderRadius: 5,
    bottom: 0,
    left: 0,
    cursor: 'pointer',
    backgroundColor: theme.colors.blue
  },
  icon: {
    display: 'inline-block',
    width: 32,
    height: 32,
    fill: 'white'
  }
})

export default class MapZoomOut extends Component {
  static propTypes = {
    onClick: React.PropTypes.func
  }

  render() {
    return (
      <div
        className={styles.buttonContainer}
        onClick={() => this.props.onClick()}
{'fraction_non_alphanumeric': 0.1292564280750521, 'fraction_numerical': 0.018068102849200834, 'mean_word_length': 2.8605898123324396, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '4202093', 'n_tokens_mistral': 474, 'n_tokens_neox': 453, 'n_words': 123}