import { View } from "react-native";
import { Link, Stack } from "expo-router";

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>
    </>
  );
}
