import { View, Text } from "react-native";
import { Link } from "expo-router";
import { useTheme } from "../components/theme";

export default function NotFound() {
  const theme = useTheme();

  return (
    <View style={{ flex: 1, alignItems: "center", justifyContent: "center", backgroundColor: theme.colors.background, padding: theme.spacing.lg }}>
      <Text style={{ fontSize: 24, fontWeight: "700", color: theme.colors.text, marginBottom: theme.spacing.sm }}>
        Страницата не е пронајдена
      </Text>
      <Text style={{ color: theme.colors.textSecondary, marginBottom: theme.spacing.lg, textAlign: "center" }}>
        Страницата што ја барате не постои.
      </Text>
      <Link href="/" style={{ color: theme.colors.primary, fontWeight: "600", fontSize: 16 }}>
        Назад кон почетна
      </Link>
    </View>
  );
}