import React from 'react'
import { StyleSheet, View, TouchableOpacity, Image, ScrollView, Picker, Text } from 'react-native'

export class WorkItem extends React.Component {
  static styles = StyleSheet.create({
    container: {
      height: '100%',
      width: '100%',
      backgroundColor: '#DDDDDD',
    },
  })

  constructor(props) {
    super(props)
  }

  render() {
    return (
      <ScrollView style={WorkItem.styles.container}>
        <View style={{ width: '94%', backgroundColor: 'white', alignSelf: 'center', marginTop: '3%', shadowColor: 'gray', shadowOffset: { width: 2, height: 2 }, shadowRadius: 2, shadowOpacity: .5 }}>
          <Text>Work Item</Text>
          <Picker selectedValue={this.props.item.type}>
            <Picker.Item label='Work Item' value='work' />
            <Picker.Item label='Inspection' value='inspection' />
            <Picker.Item label='Complaint' value='complaint' />
          </Picker>
        </View>
        <View style={{ width: '94%', height: 300, backgroundColor: 'white', alignSelf: 'center', marginTop: '3%', shadowColor: 'gray', shadowOffset: { width: 2, height: 2 }, shadowRadius: 2, shadowOpacity: .5 }} />
      </ScrollView>
    );
  }
}