import React,{useState,useEffect,useRef} from "react";
import { Text, TouchableOpacity ,View,Image,StatusBar} from "react-native";
import { GetPageTheme,customStyles,globalStyles } from "../styles/Global";
import { useRoute } from '@react-navigation/native';
import { FontAwesome } from "./icons";

function NoDataComponent(props) { 
  const route = useRoute();
  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
  const globalStyle=globalStyles(props.DarkMode,route.name);
  const customStyle=customStyles(props.DarkMode,route.name); 
  
  const ST=props.StaticText || {};
    return (
        <View style={customStyle.nodownloaddata_con}>
            <View style={customStyle.nodownloaddata_row}>
                <FontAwesome name='cloud-download' size={45} color={PageTheme.$text_color_light} />
                <Text style={customStyle.nodownloaddata_text}>{ST.NoDataFoundPleaseDownloadDataFirst}</Text>
            </View>
        </View>
    );
}
export default NoDataComponent;