<commit_before>import React, {Component} from 'react'
import {Cell as FlexrCell} from 'react-flexr'
import {SIZES} from './sizes'
import {LastUpdated} from './last-updated'

export class Cell extends Component {

  render () {
    const {children, width} = this.props

    const kids = React.Children.map(children, (child) => {
      return React.cloneElement(child, {...this.props})
    })

    return (
      <FlexrCell
        palm={SIZES[width].palm}
        lap={SIZES[width].lap}
        desk={SIZES[width].desk}
        style={{padding: '0', marginBottom: 22, transition: 'all .5s ease-in-out'}}>
          <div
            style={{background: '#83A1E4', height: '100%', margin: '0 11px', boxShadow: '0 9px 20px rgba(0, 0, 0, 0.3)'}}>
            {kids}
            {this.props['last-updated'] ? <LastUpdated /> : null}
          </div>
      </FlexrCell>
    )
  }
}
<commit_msg>add material ui<commit_after>import * as colors from 'material-ui/lib/styles/colors'
import {Card, CardTitle} from 'material-ui/lib'
import React, {Component} from 'react'
import {Cell as FlexrCell} from 'react-flexr'
import {SIZES} from './sizes'
import {LastUpdated} from './last-updated'

export class Cell extends Component {

  render () {
    const {children, onPoll, value, width} = this.props
    const kids = React.Children.map(children, (child) => {
      return React.cloneElement(child, {
        children,
        onPoll,
        value
      })
    })

    return (
      <FlexrCell
        palm={SIZES[width].palm}
        lap={SIZES[width].lap}
        desk={SIZES[width].desk}
        style={{padding: '0', marginBottom: 22, transition: 'width .5s ease-in-out'}}>
          <div
            style={{padding: '0', margin: '0 11px'}}>
            <Card style={{height: '29vh', background: colors.indigo500, position: 'relative'}}>
              {kids}
              {this.props['last-updated'] ? <LastUpdated /> : null}
            </Card>
          </div>
      </FlexrCell>
    )
  }
}

{'fraction_non_alphanumeric': 0.15887380593262945, 'fraction_numerical': 0.01809954751131222, 'mean_word_length': 2.491228070175439, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 17, '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': '3541725', 'n_tokens_mistral': 680, 'n_tokens_neox': 652, 'n_words': 156}