import { Pressable, Text, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import type { RootStackScreenProps } from '@/navigation/types';

export function SettingsScreen({
  navigation,
}: RootStackScreenProps<'Settings'>) {
  return (
    <SafeAreaView className="flex-1 bg-background" edges={['top']}>
      <View className="flex-row items-center px-3 py-3 border-b border-border">
        <Pressable onPress={() => navigation.goBack()} className="px-2 py-1">
          <Text className="text-foreground text-2xl">‹</Text>
        </Pressable>
        <Text className="flex-1 text-center text-foreground text-base font-semibold">
          Settings
        </Text>
        <View className="w-8" />
      </View>

      <View className="flex-1 items-center justify-center px-6">
        <Text className="text-muted-foreground text-center">
          Theme, notifications, and account preferences land here later.
        </Text>
      </View>
    </SafeAreaView>
  );
}
