import ContextCombobox from './ContextCombobox';
import { useContextOptions } from '../hooks/useContextOptions';
import { useInwinkContext } from '../hooks/useInwinkContext';

/**
 * Sélecteur d'événement courant. Pré-rempli depuis le contexte (URL) et modifiable.
 * Composant autonome, montable où l'on veut (header, page…). Non monté par défaut.
 */
export default function EventPicker() {
  const { eventId, setEvent, loadEvents } = useInwinkContext();
  const { options, isLoading, error, search } = useContextOptions(loadEvents, eventId);

  return (
    <ContextCombobox
      label="Événement"
      placeholder="Choisir un événement"
      value={eventId}
      options={options}
      isLoading={isLoading}
      error={error}
      onChange={setEvent}
      onSearch={search}
    />
  );
}