import { router } from 'expo-router';
import { ScrollView, Text } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { FormulaireDemande } from '@/composants/formulaire-demande';
import { EnteteTabs } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';

/** Onglet du Demandeur (maquette « mobile ouvert à tous les rôles »,
 *  écran 5) : le geste qu'il fait le plus mérite son propre onglet plutôt
 *  qu'un bouton caché dans l'Accueil. */
export default function PageNouvelleDemande() {
  const t = useTokens();
  return (
    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
      <ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
        <EnteteTabs />
        <Text style={{ fontFamily: 'Manrope_800ExtraBold', fontSize: 19, color: t.encre }}>
          Nouvelle demande
        </Text>
        <FormulaireDemande surSucces={() => router.replace('/(tabs)/accueil')} />
      </ScrollView>
    </SafeAreaView>
  );
}