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

type FinishSignUpProps = {};

const FinishSignUp: React.FC<FinishSignUpProps> = ({}) => {
    const { t, ready, currentLanguage } = useTranslation();
    
    return (
        <View style={styles.container}>
            <View style={styles.textContainer}>
                <Text style={styles.titleText}>{t('register.five.label')}</Text>
                <Text style={styles.text}>{t('register.five.welcome')}</Text>
                <Text style={styles.text}>{t('register.five.content')}</Text>
            </View>
            <NormalButton
                title={<Text style={{ color: '#fff' }}>{t('register.five.next')}</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;