import { View, Text, StyleSheet, Image } from 'react-native';
import { router } from 'expo-router';
import { SafeAreaView } from 'react-native-safe-area-context';
import NormalButton from '../../../global/normal_button';

const ResetSuccessful = ({}) => {
    return (
        <SafeAreaView className="flex-1">
            <View className="flex-1 justify-center">
                <View className="items-center space-y-6">
                    <Text style={styles.titleText}>重置密碼成功</Text>
                    <Text style={styles.text}>歡迎使用 Crazy Charge</Text>
                    <Text style={styles.text}>祝你一路順“瘋“</Text>
                </View>
                <Image
                    style={{
                        alignSelf: 'center'
                    }}
                    source={require('../../../../assets/successLogo.png')}
                />
                <View className="mx-[5%]">
                    <NormalButton
                        onPress={() => router.replace('login')}
                        title={<Text className="text-white">完成</Text>}
                    />
                </View>
            </View>
        </SafeAreaView>
    );
};
const styles = StyleSheet.create({
    titleText: { fontSize: 32, fontWeight: '400' },
    text: {
        fontSize: 18
    }
});
export default ResetSuccessful;
