import React, { Component } from 'react';
import { Container, Tab, Tabs, Text } from 'native-base';
import WorkerInfoScreen from '../worker-info-screen';
import I18n from '../../../i18n';

// @TODO Replace temporary data with data from Redux/API
const NAME = 'John Doe';

export default class WorkerProfileScreen extends Component {
  static navigationOptions = {
    title: I18n.t('screen_titles.worker_profile', { name: NAME }),
  };

  // TODO Replace reference placeholder text with reference screen.
  render() {
    return (
      <Container>
        <Tabs>
          <Tab heading={I18n.t('account.profile_info')} >
            <WorkerInfoScreen />
          </Tab>
          <Tab heading={I18n.t('account.references')}>
            <Text>References screen goes here</Text>
          </Tab>
        </Tabs>
      </Container>
    );
  }
}

@@ -68,14 +68,8 @@
 Tabs
-, Text
  %7D f
@@ -87,16 +87,16 @@
 -base';%0A
+
 import W
@@ -141,16 +141,67 @@
 creen';%0A
+import ReferenceScreen from '../reference-screen';%0A
 import I
@@ -493,26 +493,16 @@
 Replace 
-reference 
 placehol
@@ -509,27 +509,46 @@
 der 
-text with r
+data in WorkerInfoScreen and R
 eference
  scr
@@ -547,16 +547,14 @@
 ence
- s
+S
 creen
-.
 %0A  r
@@ -785,21 +785,16 @@
        %3C
-Text%3E
 Referenc
@@ -798,32 +798,16 @@
 ence
-s s
+S
 creen 
-goes here%3C/Text
+/
 %3E%0A  

Add ReferenceScreen to references tab in WorkerProfileScreen