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

/**
 * Sélecteur de communauté courante. 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 CommunityPicker() {
  const { communityId, setCommunity, loadCommunities } = useInwinkContext();
  const { options, isLoading, error, search } = useContextOptions(loadCommunities, communityId);

  return (
    <ContextCombobox
      label="Communauté"
      placeholder="Choisir une communauté"
      value={communityId}
      options={options}
      isLoading={isLoading}
      error={error}
      onChange={setCommunity}
      onSearch={search}
    />
  );
}