import React from 'react';
import { YStack } from '@tamagui/stacks';
import { SizableText as Text } from '@tamagui/text';
import { useTranslation } from '@/guest/i18n/useTranslation';

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

  return (
    <YStack
      minHeight="100vh"
      alignItems="center"
      justifyContent="center"
      backgroundColor="$background"
      padding="$4"
      gap="$2"
    >
      <Text fontSize="$6" fontWeight="$7">
        {t('notFound.title', 'Seite nicht gefunden')}
      </Text>
      <Text fontSize="$3" color="$color" opacity={0.72}>
        {t('notFound.description', 'Die Seite konnte nicht gefunden werden.')}
      </Text>
    </YStack>
  );
}
