import { View, Text, StyleSheet } from 'react-native';
import { Link } from 'expo-router';
import { Colors, Spacing, Typography } from '@/theme';

export default function NotFound() {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Screen not found</Text>
      <Link href="/" style={styles.link}>
        Go home
      </Link>
    </View>
  );
}

const styles = StyleSheet.create({
  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: Spacing.md },
  title: { fontSize: Typography.size.xl, color: Colors.text },
  link: { color: Colors.accent },
});