import { View, Text, TextInput, Pressable } from 'react-native';
import tailwind from 'twrnc';
export default function ResetPasswordScreen() {
return (
<View style={tailwind`flex-1 items-center justify-center bg-slate-50`}>
<View style={tailwind`p-8 w-full max-w-sm`}>
<Text style={tailwind`text-5xl font-bold mb-6 text-slate-900`}>Reset Your Password</Text>
<Text style={tailwind`text-slate-900 mb-8 text-base`}>
Forgotten your account password? Enter your email address below and you'll recieve a link
to create a new one.
</Text>
<TextInput
style={tailwind`w-full bg-white border border-slate-200 rounded-md h-12 px-4 mb-4`}
placeholderTextColor="#000"
placeholder="Enter email address"
/>
<Pressable
style={tailwind`h-12 bg-purple-500 rounded-md flex flex-row justify-center items-center px-6`}
>
<View style={tailwind`flex-1 flex items-center`}>
<Text style={tailwind`text-white text-base font-medium`}>Login</Text>
</View>
</Pressable>
</View>
</View>
);
}