first commit

1 files changed, 54 insertions, 0 deletions

diff --git a/screens/passwordRecovery.js b/screens/passwordRecovery.js
new file mode 100644
index 0000000..61a5f10
--- /dev/null
+++ b/screens/passwordRecovery.js
@@ -0,0 +1,54 @@
+import {
+  Keyboard,
+  KeyboardAvoidingView,
+  Platform,
+  Pressable,
+  SafeAreaView,
+  Text,
+  TextInput,
+  TouchableWithoutFeedback,
+  View,
+} from 'react-native';
+
+import tw from 'twrnc';
+
+import Logo from '../static/images/netflix-logo.svg';
+
+const PasswordRecovery = ({navigation}) => {
+  return (
+    <SafeAreaView style={tw`bg-black flex-1`}>
+      <TouchableWithoutFeedback
+        onPress={() => {
+          Keyboard.dismiss();
+        }}
+      >
+        <KeyboardAvoidingView
+          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+          style={tw`flex-1`}
+        >
+          <View style={tw`py-6 px-8 flex items-center justify-center`}>
+          </View>
+          <View style={tw`flex-1 items-center justify-center px-12`}>
+            <Text style={tw`text-white text-2xl mb-12 self-start`}>Recuperar contraseña</Text>
+            <TextInput
+              style={tw`h-12 px-4 font-medium bg-white/20 rounded w-full text-white mb-8`}
+              placeholderTextColor={tw.color('text-white/20')}
+              placeholder={'Email'}
+              autoCorrect={false}
+              autoCapitalize={'none'}
+              keyboardType={'email-address'}
+            />
+            <Pressable style={tw`mb-12`}>
+              <Text style={tw`text-white/40 text-xl`}>Recuperar contraseña</Text>
+            </Pressable>
+            <Pressable onPress={() => navigation.goBack()} style={tw`mb-16`}>
+              <Text style={tw`text-white`}>Volver</Text>
+            </Pressable>
+          </View>
+        </KeyboardAvoidingView>
+      </TouchableWithoutFeedback>
+    </SafeAreaView>
+  );
+};
+
+export default PasswordRecovery;