import type { ReactNode } from "react";
import { type CapabilityCatalogStatus } from "./capability-catalog-row.js";
/** Status comes from the host/controller, never inferred from a display label. */
export type ConnectionCatalogOption = {
    id: string;
    name: string;
    description?: string | undefined;
    status: string;
    connected: boolean;
    /** Explicit health/availability. Omit to retain visible legacy status text. */
    state?: CapabilityCatalogStatus;
    onOpen: () => void;
    action?: ReactNode;
};
export type ConnectionCatalogService = {
    id: string;
    name: string;
    logo?: ReactNode;
    options: ConnectionCatalogOption[];
};
export type ConnectionCatalogProps = {
    services: ConnectionCatalogService[];
    query?: string;
    columns?: 1 | 2;
    resultLimit?: number;
    onShowMore?: () => void;
    /** Group capabilities by service, or show every capability independently. */
    grouped?: boolean;
    className?: string;
    emptyMessage?: string;
};
export declare function ConnectionOptionRow({ option }: {
    option: ConnectionCatalogOption;
}): import("react").JSX.Element;
export declare function ConnectionServiceRow({ service }: {
    service: ConnectionCatalogService;
}): import("react").JSX.Element | null;
export declare function ConnectionCatalog({ services, query, columns, grouped, resultLimit, onShowMore, className, emptyMessage: emptyMessageProp, }: ConnectionCatalogProps): import("react").JSX.Element;