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

const BindingFinishPage = () => {
    return (
        <>
            <View style={styles.container}>
                <View style={styles.textContainer}>
                    <Text style={styles.titleText} className="pb-12">
                        綁定手機號碼成功
                    </Text>
                    <Text style={styles.text}>
                        <Text style={{ fontWeight: 'bold' }}>請使用手機號碼進行登入</Text>
                    </Text>
                    <Text style={styles.text}>謝謝</Text>
                    <Image source={require('../../../../assets/forgetPasswordSuccess.png')} />
                    <View className="w-full">
                        <NormalButton
                            title={<Text style={{ color: '#fff' }}>按我前往登入頁面</Text>}
                            onPress={() => router.replace('/login')}
                        />
                    </View>
                </View>
            </View>
        </>
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        marginHorizontal: 20,
        gap: 180
    },
    textContainer: {
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'white',
        paddingTop: '30%',
        gap: 20
    },
    titleText: { fontSize: 28 },
    text: {
        fontSize: 18
    }
});
export default BindingFinishPage;
