import * as React from 'react';
import { Button, View, StyleSheet, Text,Image, Linking, TouchableOpacity, ScrollView} from 'react-native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
import styles from '../login/style';
import FormInput from '../login/FormInput';
import { Menu, Divider, Provider } from 'react-native-paper';
import Ionics from 'react-native-vector-icons/Ionicons';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
import Icon from 'react-native-vector-icons/FontAwesome';

const more = require('../../images/more.png');
const cutlery = require ('../../images/cutlery.png');
const edit = require ('../../images/pencil.png');
const bin = require ('../../images/delete.png');
const transport = require ('../../images/car.png');
const cash = require ('../../images/money.png');
const bill = require('../../images/bill.png');
const phone = require ('../../images/phone.png');
const cart = require ('../../images/shoppingcart.png');
const health = require ('../../images/firstaidkit.png');
const rent = require ('../../images/rent.png');
const coupon = require ('../../images/coupon.png');
const sale = require ('../../images/sale.png');
const awards = require ('../../images/medal.png');
const allowance = require ('../../images/salary.png');
const salary = require ('../../images/cheque.png');
const refund = require ('../../images/refund.png');
const logo = require ('../../images/logoapps.png');


export default function RegisScreen({ navigation }) {
  const [visible, setVisible] = React.useState(false);
  const openMenu = () => setVisible(true);
  const closeMenu = () => setVisible(false);
  
    return (
      
      <View style = {[styles.container]}>
         
        
          
            <View style={{flexDirection:'row', justifyContent:'flex-start', marginTop:70}}>
              <Image source={logo} style={{width:60, height:60, marginLeft:90, marginTop:10}}></Image>
              <Text style={{fontSize:20, marginTop:30, marginHorizontal:5}}>Expense Tracker</Text>
            </View>

            <View>
            <FormInput
            // labelValue={email}
            onChangeText={text => handleChange('email', text)}
            placeholderText="Email"
            iconType="user"
            keyboardType="email-address"
            autoCapitalize="none"
            autoCorrect={false}
          />

          <FormInput
            // labelValue={password}
            onChangeText={text => handleChange('password', text)}
            placeholderText="Password"
            iconType="lock"
            secureTextEntry={true}
          />

          {/*{errMsg.trim().length !== 0 && (
            <Text style={globalStyle.error}>{errMsg}</Text>
          )} */}

          <FormButton buttonTitle="Sign In" onPress={() => handleSubmit()} />

          <TouchableOpacity
            style={styles.forgotButton}
            onPress={() => navigation.navigate('Sign-up')}>
            <Text style={styles.navButtonText}>
              Don't have an acount? Create here
            </Text>
          </TouchableOpacity>
            </View>



      </View>
           
  
            
    )
     
  } 
 