import React from 'react';
import { View, Text, Image } from 'react-native';

const HomeItem = (props) => {
  return (
    <View style={[styles.containerStyle, props.style]}>
      <Image source={require('../assets/house.jpg')} />
      <View style={styles.textContainer}>
        <Text>Home</Text>
      </View>
    </View>
  );
};

const styles = {
  containerStyle: {
    borderWidth: 1,
    backgroundColor: '#fff',
    padding: 20,

  },
  imageStyle: {
    width: null,
    height: null
  },
  textContainer : {
    paddingHorizontal: 10,
    paddingVertical: 20
  }
};

export { HomeItem };