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

type FinishSignUpProps = {};

const FinishSignUp: React.FC<FinishSignUpProps> = ({}) => {
    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>
                <NormalButton
                    title={<Text style={{ color: '#fff' }}>下一步</Text>}
                    onPress={() => router.replace('/')}
                />
            </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: 16
    }
});
export default FinishSignUp;
