text: 'use strict';
  
  var React = require('react-native');
  var {
    Image,
    PixelRatio,
    StyleSheet,
    Text,
    TouchableHighlight,
    View
  } = React;
  
  var ScheduleCell = React.createClass({
    render: function() {
      console.log('schedule cell:' + this.props.result.event_id);
      var result = this.props.result;
      return (
        <View>
          <TouchableHighlight onPress={this.props.onSelect}>
            <View style={styles.row}>
              <View style={styles.textContainer}>
                <Text style={styles.teamName} numberOfLines={2}>
                  {result.event_id}
                </Text>
              </View>
            </View>
          </TouchableHighlight>
          <View style={styles.cellBorder} />
        </View>
      );
    }
  });
  
  var styles = StyleSheet.create({
    textContainer: {
      flex: 1,
    },
    teamName: {
      flex: 1,
      fontSize: 16,
      fontWeight: '500',
      marginBottom: 2,
    },
    row: {
      alignItems: 'center',
      backgroundColor: 'white',
      flexDirection: 'row',
      padding: 5,
    },
    cellImage: {
      backgroundColor: '#dddddd',
      height: 93,
      marginRight: 10,
      width: 60,
    },
    cellBorder: {
      backgroundColor: 'rgba(0, 0, 0, 0.1)',
      // Trick to get the thinest line the device can display
      height: 1 / PixelRatio.get(),
      marginLeft: 4,
    },
  });
  
  module.exports = ScheduleCell;
  