import IP from "@/assets/icons/svg/ip.svg";
import { ThemedText } from "@/components/ThemedText";
import { useTranslation } from "react-i18next";
import { ScrollView, View } from 'react-native';

export default function AskHello() {
    const { t } = useTranslation();

    return (
        <View className="flex-1 bg-white w-full">
            <ScrollView
                contentContainerStyle={{
                    flexGrow: 1,
                    justifyContent: 'center',
                    paddingHorizontal: 16,
                    paddingBottom: 20
                }}
                keyboardDismissMode="interactive"
                keyboardShouldPersistTaps="handled"
            >
                <View className="items-center">
                    <ThemedText className="text-3xl font-bold text-center">
                        {t('ask.hi', { ns: 'ask' })}
                        {"\n"}
                        {t('ask.iAmMemo', { ns: 'ask' })}
                    </ThemedText>
                    <View className="justify-center items-center my-4">
                        <IP />
                    </View>
                    <ThemedText className="!text-textPrimary text-center">
                        {t('ask.ready', { ns: 'ask' })}
                        {"\n"}
                        {t('ask.justAsk', { ns: 'ask' })}
                    </ThemedText>
                </View>
            </ScrollView>
        </View>
    );
}