text: import React from 'react';
  import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native';
  
  import Button from '../../components/Button'
  
  import logo from '../../../assets/logo.png'
  
  import styles from './styles';
  
  export default function Login({ navigation }) {
      return (
          <View style={styles.container}>
              <Image source={logo} />
              
              <View style={styles.containerInput}>
                  <TextInput
                      name="user"
                      keyboardType="email-address"
                      autoCapitalize="none"
                      placeholder="Email"
                      style={styles.input}
                  />
  
                  <TextInput
                      name="user"
                      autoCapitalize="none"
                      placeholder="Senha"
                      style={styles.input}
                  />
              </View>
  
              <Button 
                  style="outline" 
                  onPress={() => navigation.navigate('Index')}
              >
                          <Text style={styles.text_primary}>Entrar</Text>
              </Button>
  
              <TouchableOpacity 
                  onPress={() => navigation.navigate('RedefinePass')} 
                  style={styles.redefinePass}
              >
                  <Text style={styles.text_primary}>Esqueceu sua senha?</Text>
              </TouchableOpacity>
          </View>
      );
  }
  