import React, { Component } from 'react';
import { StyleSheet, View, Text } from 'react-native';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Left, Right, Body, Icon, Toast } from 'native-base';

export default class Job extends Component {

  [state is set here]

  render() {
    return (
      <Container>
        {this.state.firstOccurrence != undefined &&
          <Content padder>
            <View style={styles.container}>
              <View>
                <Text>Test start</Text>
              </View>
              {Object.keys(this.state.firstOccurrence.checklist).forEach((area, index) => {
                debugger
                return (
                  <View key={index}>
                    <Text>Test {area}</Text>
                  </View>
                );
              })
              }
              <View>
                <Text>Test end</Text>
              </View>
            </View>
          </Content>
        }
      </Container>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    paddingTop: 65,
    flexDirection: 'column',
    alignItems: 'flex-start'
  }
});