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

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}
                />
                <NormalButton
                    title={<Text style={{ color: '#fff' }}>下一步</Text>}
                    onPress={() => console.log('clicked')}
                />
            </View>
        </>
    );
};
const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingHorizontal: 20,
        height: '100%'
    },
    textContainer: {
        justifyContent: 'flex-start',
        alignItems: 'center',
        // backgroundColor: 'black',
        paddingTop: '10%',
        gap: 15
    },
    titleText: { fontSize: 28 },
    text: {
        fontSize: 16
    }
});
export default ResetSuccessful;
