Les propriétés du composant
Callback pour les changements de filtres
État actuel des filtres
Liste des épreuves pour le contexte de recherche
Interface de recherche adaptée au type d'appareil détecté
// Utilisation avec état de filtres
const [filters, setFilters] = useState<EpreuveFilters>({
discipline: '',
date: '',
genre: '',
lieu: ''
});
<SearchEpreuve
onFiltersChange={setFilters}
filters={filters}
epreuves={epreuvesData}
/>
// Avec gestion avancée des filtres
const handleFiltersChange = useCallback((newFilters: EpreuveFilters) => {
setFilters(newFilters);
// Logique de filtrage additionnelle
applyFiltersToResults(newFilters);
}, []);
Composant SearchEpreuve pour la recherche et le filtrage adaptatif des épreuves. Voir la documentation du module ci-dessus pour les détails complets.
Le composant détermine automatiquement quelle interface de recherche afficher selon le type d'appareil détecté, offrant une expérience utilisateur optimisée pour chaque plateforme tout en maintenant la consistance fonctionnelle.