Les propriétés du composant
Callback pour les changements de filtres
État actuel des filtres
Liste des épreuves pour le filtrage contextuel
Interface de recherche desktop horizontale avec filtrage intelligent
// Utilisation basique dans un layout desktop
<SearchEpreuveDesktop
onFiltersChange={handleFiltersChange}
filters={currentFilters}
epreuves={epreuvesData}
/>
// Avec gestion d'état complète
const [filters, setFilters] = useState<EpreuveFilters>({});
const [epreuves] = useEpreuves();
<SearchEpreuveDesktop
onFiltersChange={(newFilters) => {
setFilters(newFilters);
applyFiltersToResults(newFilters);
}}
filters={filters}
epreuves={epreuves}
/>
// Interface responsive intégrée
const isMobile = useIsMobile();
if (!isMobile) {
return <SearchEpreuveDesktop {...searchProps} />;
}
Composant SearchEpreuveDesktop pour la recherche et le filtrage des épreuves sur desktop. Voir la documentation du module ci-dessus pour les détails complets.
Le composant offre une interface desktop optimisée avec une mise en page horizontale qui tire parti de l'espace disponible sur les écrans larges. Il intègre une recherche intelligente avec autocomplete et debounce pour une expérience utilisateur fluide.