import { View, Text, StyleSheet, Image, SafeAreaView } from 'react-native';
import { Link } from 'expo-router';
import { Dimensions } from 'react-native';

const ResetSuccessful = ({}) => {
    const width = Dimensions.get('window').width;
    const height = Dimensions.get('window').height;
    const imageSize = 300;
    return (
        <View
            className="flex-1 items-center justify-center"
            style={{ width: width, height: height - height * 0.2 }}
        >
            <View className="items-center justify-center space-y-5">
                <Text style={styles.titleText}>重置密碼成功</Text>
                <Text style={styles.text}>歡迎使用 Crazy Charge</Text>
                <Text style={styles.text}>祝你一路順“瘋“</Text>
            </View>
            <View className="items-center justify-center">
                <Image
                    style={{
                        width: imageSize,
                        height: imageSize,
                        alignSelf: 'center',
                        marginVertical: 9,
                        resizeMode: 'contain'
                    }}
                    source={require('../../../../assets/successLogo.png')}
                />
            </View>
            <View
                style={{
                    maxWidth: '100%',
                    backgroundColor: '#025c72',
                    justifyContent: 'center',
                    alignItems: 'center',
                    borderRadius: 12,
                    padding: 20
                }}
            >
                <Link replace href="/">
                    <Text
                        style={{
                            color: 'white',
                            fontSize: 16,
                            fontWeight: 500
                        }}
                    >
                        返回登錄畫面
                    </Text>
                </Link>
            </View>
        </View>
    );
};
const styles = StyleSheet.create({
    titleText: { fontSize: 32, fontWeight:"400" },
    text: {
        fontSize: 18
    }
});
export default ResetSuccessful;
