import { useLocalSearchParams } from 'expo-router';
import { SafeAreaView } from 'react-native-safe-area-context';
import { AVenir } from '@/composants/a-venir';
import { EnteteFiche } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';

/** Destination générique du Menu pour les familles pas encore portées sur
 *  mobile (Sites, Stock, Tiers, Personnes, Statistiques, Assistant…) — même
 *  patron que la sidebar web (release annoncée, jamais un cul-de-sac
 *  silencieux). `AVenir` existait déjà (a-venir.tsx) mais n'était encore
 *  câblé nulle part. */
export default function PageAVenir() {
  const t = useTokens();
  const { titre, detail } = useLocalSearchParams<{ titre: string; detail: string }>();
  return (
    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
      <EnteteFiche titre={titre ?? '—'} />
      <AVenir titre={titre ?? '—'} release="une prochaine étape" detail={detail ?? ''} />
    </SafeAreaView>
  );
}