import { View, Text, StyleSheet, Image } from 'react-native';

import { Link } from 'expo-router';

const successLogo = require('../../../../assets/successLogo.png');

const ResetSuccessful = ({}) => {
    const imageSize = 200;
    return (
        <>
            <View style={styles.container}>
                <View style={styles.textContainer}>
                    <Text style={styles.titleText}>重置密碼成功</Text>
                    <Text style={styles.text}>歡迎使用 Crazy Charge</Text>
                    <Text style={styles.text}>祝你一路順“瘋“</Text>
                </View>
                <Image
                    style={{
                        width: imageSize,
                        height: imageSize,
                        alignSelf: 'center',
                        marginVertical: 9
                    }}
                    source={successLogo}
                />

                <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({
    container: {
        flex: 1,
        paddingHorizontal: 20,
        height: '100%'
    },
    textContainer: {
        justifyContent: 'flex-start',
        alignItems: 'center',
        // backgroundColor: 'black',
        gap: 15,
        paddingTop: 160
    },
    titleText: { fontSize: 28 },
    text: {
        fontSize: 16
    }
});
export default ResetSuccessful;
