text: //import liraries
  import React, { Component } from 'react';
  import { View, Text, StyleSheet, TouchableHighlight } from 'react-native';
  import Image from "react-native-image-progress";
  import ProgressBar from "react-native-progress/Bar";
  
  // create a component
  class MovieCard extends Component {
    render() {
      const img = { uri: `https://image.tmdb.org/t/p/w1000_and_h563_bestv2${this.props.poster_path}` };
      return (
      <TouchableHighlight onPress={this.props.loadProfile}>
          <View>
            <Image style={{ width: 300, height: 150 }} source={img} indicator={ProgressBar}/>
            <Text>{this.props.title}</Text>
          </View>
        </TouchableHighlight>
        )
    }
  }
  
  // define your styles
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#2c3e50',
    },
  });
  
  //make this component available to the app
  export default MovieCard;
  