<commit_before>let React = require('react/addons');
let StylePropable = require('../mixins/style-propable');

let AutoPrefix = require('../styles/auto-prefix');

let GridTile = React.createClass({

  mixins: [StylePropable],

  contextTypes: {
    muiTheme: React.PropTypes.object,
  },

  propTypes: {
    title: React.PropTypes.string,
    subtitle: React.PropTypes.node,
    titlePosition: React.PropTypes.oneOf(['top', 'bottom']),
    titleBackground: React.PropTypes.string,
    actionIcon: React.PropTypes.element,
    actionPosition: React.PropTypes.oneOf(['left', 'right']),
    cols: React.PropTypes.number,
    rows: React.PropTypes.number,
    rootClass: React.PropTypes.oneOfType([
      React.PropTypes.string,
      React.PropTypes.object,
    ]),
  },

  getDefaultProps() {
    return {
      titlePosition: 'bottom',
      titleBackground: 'rgba(0, 0, 0, 0.4)',
      actionPosition: 'right',
      cols: 1,
      rows: 1,
      rootClass: 'div',
    };
  },

  getStyles()
  {
    let spacing = this.context.muiTheme.spacing;
    let themeVariables = this.context.muiTheme.component.gridTile;
    let actionPos = this.props.actionIcon ? this.props.actionPosition : null;
    let gutterLess = spacing.desktopGutterLess;

    let styles = {
      root: {<commit_msg>accessing muiTheme variables the new way<commit_after>let React = require('react/addons');
let StylePropable = require('../mixins/style-propable');

let AutoPrefix = require('../styles/auto-prefix');

let GridTile = React.createClass({

  mixins: [StylePropable],

  contextTypes: {
    muiTheme: React.PropTypes.object,
  },

  propTypes: {
    title: React.PropTypes.string,
    subtitle: React.PropTypes.node,
    titlePosition: React.PropTypes.oneOf(['top', 'bottom']),
    titleBackground: React.PropTypes.string,
    actionIcon: React.PropTypes.element,
    actionPosition: React.PropTypes.oneOf(['left', 'right']),
    cols: React.PropTypes.number,
    rows: React.PropTypes.number,
    rootClass: React.PropTypes.oneOfType([
      React.PropTypes.string,
      React.PropTypes.object,
    ]),
  },

  getDefaultProps() {
    return {
      titlePosition: 'bottom',
      titleBackground: 'rgba(0, 0, 0, 0.4)',
      actionPosition: 'right',
      cols: 1,
      rows: 1,
      rootClass: 'div',
    };
  },

  getStyles()
  {
    let spacing = this.context.muiTheme.rawTheme.spacing;
    let themeVariables = this.context.muiTheme.gridTile;
    let actionPos = this.props.actionIcon ? this.props.actionPosition : null;
    let gutterLess = spacing.desktopGutterLess;

    let styles = {
      root: {
{'fraction_non_alphanumeric': 0.13822393822393822, 'fraction_numerical': 0.005405405405405406, 'mean_word_length': 3.3039867109634553, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7121138', 'n_tokens_mistral': 856, 'n_tokens_neox': 825, 'n_words': 155}