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

/**
 * Sélecteur de tenant / audience 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 AudiencePicker() {
  const { tenantId, setTenant, loadTenants } = useInwinkContext();
  const { options, isLoading, error, search } = useContextOptions(loadTenants, tenantId);

  return (
    <ContextCombobox
      label="Audience"
      placeholder="Choisir une audience"
      value={tenantId}
      options={options}
      isLoading={isLoading}
      error={error}
      onChange={setTenant}
      onSearch={search}
    />
  );
}
