import { Text, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { Stack, useLocalSearchParams } from 'expo-router';

const Post = () => {
  const { id } = useLocalSearchParams<{ id: string }>();

  return (
    <SafeAreaView className='bg-background flex-1'>
      <Stack.Screen options={{ title: 'Post' }} />
      <View className='flex-1 p-4'>
        <Text className='text-foreground text-2xl font-bold'>Post {id}</Text>
        <Text className='text-muted-foreground mt-2'>
          Implement your post detail screen here using Convex queries.
        </Text>
      </View>
    </SafeAreaView>
  );
};

export default Post;