import React,{Component} from 'react'
import {StyleSheet,Text,View,StatusBar} from  'react-native'
import BaseScreen from './../BaseScreen'
import I18n from "react-native-i18n";
import Icon from 'react-native-vector-icons/MaterialIcons'
import LottieView from 'lottie-react-native'; // if you have "esModuleInterop": true
import {Header} from "react-native-elements";
const theme=require('./../../utils/theme.json')
export default class Notifications extends BaseScreen{ 
    static navigatorStyle = {
        navBarBackgroundColor:theme.primaryDark,
        navBarTextColor:'white',
        statusBarBackgroundColor:theme.primaryDarkAdvanced,
        navBarButtonColor:'white',
        statusBarTextColorScheme: 'light',
    };
    static navigationOptions = {
        headerTitle: I18n.t('NOTIFICATIONS'),
        drawerIcon: ({ tintColor }) => (
            <Icon
                name={'notifications-active'}
                size={24}
            />
        ),
    };
    constructor(props){
        super(props,true)

    }
    render() {
        return (
        <View style={styles.container}>
         <StatusBar
                    backgroundColor="#00000030"
                    barStyle="light-content"
                    translucent={false}
                />
             <View style={{justifyContent:"center",alignItems:'center',marginTop:100}}>

        <LottieView
        style={styles.lottie}
        source={require("./../../datas/json/781-no-notifications.json")}
        autoPlay
        loop
      />
      <Text style={styles.text}>{I18n.t('NO_NOTIFICATION')}</Text>
      </View>
        </View>)
    }
}

const styles=StyleSheet.create({
    container:{
        flex:1,
        backgroundColor:'white'
    },
    text:{
        fontSize:17,
        fontWeight:'bold',
    },
    lottie: {
        width: 248,
        height: 248
      },
})