import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import { Icon } from 'react-native-elements'

export default ({ lecture }) => (
  <View style={styles.expand}>
    <View style={styles.subcontent}>
      <Icon name='star' size={16} color='#424242' />
      <Text style={styles.info}>分類: {lecture.status}</Text>
    </View>
    <View style={styles.subcontent}>
      <Icon name='access-time' size={16} color='#424242' />
      <Text style={styles.info}>時限: {lecture.time}</Text>
    </View>
    <View style={styles.subcontent}>
      <Icon name='class' size={16} color='#424242' />
      <Text style={styles.info}>グループ: {lecture.group}</Text>
    </View>
    <View style={styles.subcontent}>
      <Icon name='room' size={16} color='#424242' />
      <Text style={styles.info}>教室: {lecture.room}</Text>
    </View>
    <View style={styles.subcontent}>
      <Icon name='note' size={16} color='#424242' />
      <Text style={styles.info}>備考: {lecture.memo}</Text>
    </View>
  </View>
)

const styles = StyleSheet.create({
  expand: {
    padding: 16,
    borderTopWidth: StyleSheet.hairlineWidth,
    borderTopColor: '#ccc'
  },
  subcontent: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  info: {
    paddingHorizontal: 6,
    paddingVertical: 3,
    fontWeight: 'bold',
    color: '#424242'
  }
})

@@ -554,172 +554,8 @@
 t%7D%3E%0A
-      %3CIcon name='class' size=%7B16%7D color='#424242' /%3E%0A      %3CText style=%7Bstyles.info%7D%3E%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97: %7Blecture.group%7D%3C/Text%3E%0A    %3C/View%3E%0A    %3CView style=%7Bstyles.subcontent%7D%3E%0A
     

unused text remove