'use strict';

import React, { Component } from 'react';
import {
  Image,
  Platform,
  StyleSheet,
} from 'react-native';

import ListItem from '../../components/ListItem';
import WelcomeText from './WelcomeText';

export default class WelcomeScreen extends Component {

  static navigationOptions = {
    title: 'Welcome',
    header: {
      visible: Platform.OS === 'ios',
    },
    tabBar: {
      icon: ({ tintColor }) => (
        <Image
          // Using react-native-vector-icons works here too
          source={require('./welcome-icon.png')}
          style={[styles.icon, {tintColor: tintColor}]}
        />
      ),
    },
  }

  render() {
    return (
      <WelcomeText />
    );
  }
}

const styles = StyleSheet.create({
  icon: {
    width: 30,
    height: 26,
  },
});