import React , { FC } from 'react' ; import { Text } from 'react-native' ; import { useTranslation } from 'react-i18next' ; import { useNavigation } from '@react-navigation/native' ; import { Spacing } from '../../atoms/layout' ; import { Card } from '../../atoms/card' ; import { ResponsiveImage } from '../../atoms/responsive-image' ; import { Toast } from '../../atoms/toast' ; import { Button } from '../../atoms/button' ; import { colors } from '../../../constants/colors' ; import { text } from '../../../theme' ; export const NotEnabled = ( ) => { const { t } = useTranslation ( ) ; const navigation = useNavigation ( ) ; return ( < Card padding = { { v : 12 } } > < ResponsiveImage h = { 150 } source = { require ( '../../../assets/images/phone/not-active.png' ) } / > < Spacing s = { 8 } /> < Toast color = { colors . red } message = { t ( 'contactTracing:notEnabled:title' ) } icon = { require ( '../../../assets/images/alert/alert.png' ) } / > < Spacing s = { 16 } /> < Text style = { text . default } > { t ( 'contactTracing:notEnabled:message' ) } < /Text> < Spacing s = { 12 } / > < Button onPress = { ( ) => navigation . navigate ( 'contactTracingInformation' , { embedded : true } ) } > { t ( 'contactTracing:notEnabled:button' ) } < /Button> < /Card>); } ;