content: // @flow
  import React from 'react'
  import { StyleSheet, Text, TouchableOpacity, TouchableHighlight, View } from 'react-native'
  
  import { SRColor } from '../../utilities/SRColor'
  
  export default class SRStudyListCell extends React.Component {
  
    render() {
      const { children, onPressDetailsButton } = this.props
  
      return (
        <View style={styles.cell}>
  
          <TouchableHighlight
            style={styles.cellButton}
            underlayColor={SRColor.UnderlayColor}
            onPress={onPressDetailsButton}
          >
            <View style={styles.cellData}>
              <Text style={styles.title}>{children.title}</Text>
              <Text style={styles.date}>{children.date}</Text>
            </View>
  
          </TouchableHighlight>
  
        </View>
      )
    }
  
  }
  
  SRStudyListCell.defaultProps = {
    onPressDetailsButton: () => any,
    onPressRateButton: () => any,
    // canBeRated: bool,
    // style: ?StyleSheet,
  }
  
  const styles = StyleSheet.create({
    cell: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      borderRadius: 8,
      borderColor: 'rgba(57,62,65,0.1)',
      borderWidth: 1,
      backgroundColor: SRColor.BrightColor,
      marginRight: 15,
      marginLeft: 15,
      marginTop: 6,
      marginBottom: 6,
    },
    cellButton: {
      flex:1,
      borderRadius: 8,
    },
    cellData: {
      flex:1,
      flexDirection: 'row',
      justifyContent: 'space-between',
      padding: 15,
      alignItems: 'center',
    },
    title: {
      fontSize: 24,
      color: SRColor.DarkColor,
      flex: 2,
    },
    date: {
      flex: 1,
      textAlign: 'right',
      color: 'rgba(57,62,65,0.7)',
    },
  })
  