/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */

import React, { Component } from 'react';
import { View, Button, Icon } from 'native-base';
import { Text, ImageBackground } from 'react-native';
import styles from './styles';
import { LinearGradient } from 'expo-linear-gradient';

const NetflixHomeView = (props: any) => {
  const { imageText, headImage } = props;
  return (
    <ImageBackground
      source={headImage}
      style={styles.homeImageFull}
      resizeMode="stretch"
    >
      <LinearGradient
        colors={['#2325284d', '#2325284d', 'black']}
        style={styles.imageInside}
      >
        <Text style={styles.imageText}>{imageText}</Text>
        <View style={styles.homeImage}>
          <View style={styles.iconText}>
            <Icon name={'add'} style={styles.white} />
            <Text style={styles.white}>My List</Text>
          </View>
          <Button iconLeft light style={styles.button}>
            <Icon name={'play'} />
            <Text style={styles.paddingLeftText}>Play</Text>
          </Button>
          <View style={styles.iconText}>
            <Icon style={styles.white} name={'information-circle-outline'} />
            <Text style={styles.white}>Info</Text>
          </View>
        </View>
      </LinearGradient>
    </ImageBackground>
  );
};
export default NetflixHomeView;
