import { Link, Stack } from 'expo-router';
import { View } from 'react-native';
import { Text } from  './components/ui/Text';

export default function NotFoundScreen() {
  return (
    <>
      <Stack.Screen options={{ title: 'Oops!' }} />
      <View className="flex-1 items-center justify-center p-5">
        <Text className="text-lg font-bold">
          This screen doesn&apos;t exist.
        </Text>

        <Link href="/" className="mt-4 py-4">
          <Text className="text-sm text-sky-500">Go to home screen!</Text>
        </Link>
      </View>
    </>
  );
}