From dc62a0dc3a633059df09cebe487614d9cc42bf8b Mon Sep 17 00:00:00 2001
From: Loule | Louis <35641311+Loule95450@users.noreply.github.com>
Date: Wed, 28 Feb 2024 12:24:45 +0100
Subject: [PATCH] Update LoginScreen.tsx

---
 src/screens/login/LoginScreen.tsx | 58 +++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 3 deletions(-)

diff --git a/src/screens/login/LoginScreen.tsx b/src/screens/login/LoginScreen.tsx
index eb9e36b3..12b8a51f 100644
--- a/src/screens/login/LoginScreen.tsx
+++ b/src/screens/login/LoginScreen.tsx
@@ -1,5 +1,13 @@
 import React from 'react';
-import {Image, SafeAreaView, StyleSheet, Text, View} from 'react-native';
+import {
+  Button,
+  Image,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  TextInput,
+  View,
+} from 'react-native';
 
 const LoginScreen = () => {
   return (
@@ -9,9 +17,53 @@ const LoginScreen = () => {
           source={require('../../../assets/kayu.png')}
           style={{width: 200, height: 200}}
         />
+        <Text style={{fontSize: 24, fontWeight: 'bold'}}>
+          Welcome back to Kayu
+        </Text>
       </View>
-      <View style={{flex: 3}}>
-        <Text>Form</Text>
+      <View
+        style={{
+          flex: 3,
+          alignItems: 'center',
+          justifyContent: 'space-evenly',
+        }}>
+        <Text style={{fontSize: 24, fontWeight: 'bold'}}>Login</Text>
+
+        <View style={{width: '80%'}}>
+          <View>
+            <TextInput
+              placeholder="Email"
+              style={{
+                borderWidth: 1,
+                padding: 10,
+                borderRadius: 10,
+                borderColor: 'grey',
+              }}
+            />
+            <TextInput
+              placeholder="Password"
+              style={{
+                borderWidth: 1,
+                padding: 10,
+                marginTop: 10,
+                borderRadius: 10,
+                borderColor: 'grey',
+              }}
+            />
+          </View>
+          <View style={{width: '80%', marginTop: 10}}>
+            <View
+              style={{flexDirection: 'row', justifyContent: 'space-between'}}>
+              <Text style={{textAlign: 'left', width: '50%'}}>
+                Forgot Password?
+              </Text>
+              <Text style={{textAlign: 'right', width: '50%'}}>
+                You don't have an account?
+              </Text>
+            </View>
+            <Button title="Login" />
+          </View>
+        </View>
       </View>
     </SafeAreaView>
   );