39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
import { Steps } from '@/app/(tabs)/user-message';
|
|
import DoneSvg from '@/assets/icons/svg/done.svg';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { TouchableOpacity, View } from 'react-native';
|
|
import { ThemedText } from '../ThemedText';
|
|
|
|
interface Props {
|
|
setSteps: (steps: Steps) => void;
|
|
}
|
|
export default function Done(props: Props) {
|
|
const { setSteps } = props
|
|
const { t } = useTranslation();
|
|
const handleContinue = () => {
|
|
|
|
};
|
|
return (
|
|
<View className="flex-1 bg-bgPrimary absolute top-0 left-0 right-0 bottom-0 h-full">
|
|
<View className="absolute top-[2rem] left-0 right-0 bottom-[10rem] justify-center items-center">
|
|
<ThemedText className="text-4xl !text-white text-center">
|
|
{t('auth.userMessage.allDone', { ns: 'login' })}
|
|
</ThemedText>
|
|
</View>
|
|
<View className='flex-1' />
|
|
<DoneSvg />
|
|
{/* Next Button */}
|
|
<View className="w-full mt-8 mb-4 absolute bottom-[0.5rem] p-[1rem]">
|
|
<TouchableOpacity
|
|
className={`w-full bg-buttonFill rounded-full p-4 items-center`}
|
|
onPress={handleContinue}
|
|
>
|
|
<ThemedText className="text-textTertiary text-lg font-semibold">
|
|
{t('auth.userMessage.next', { ns: 'login' })}
|
|
</ThemedText>
|
|
</TouchableOpacity>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|