import { FC } from 'react';
import { AuthMethodLike } from './types';
interface AuthMethodSelectorProps {
    methods: AuthMethodLike[];
    selectedKey: string | null;
    onSelect: (key: string) => void;
    disabled?: boolean;
    idPrefix?: string;
    /**
     * Bare select, without the label, description or warning.
     *
     * For a section heading row, where the control sits to the right of the
     * heading and the explanatory copy belongs beside the fields it governs —
     * see {@link AuthMethodNotice}. This is the placement n8n uses, and it keeps
     * the choice visible while the fields below it scroll.
     */
    compact?: boolean;
}
/**
 * The chosen method's description, and a warning when this environment has no
 * credentials for it.
 *
 * Separate from the selector so the two can be placed apart: the control in a
 * heading row, its consequences next to the fields.
 */
export declare const AuthMethodNotice: FC<{
    method: AuthMethodLike | null;
}>;
export declare const AuthMethodSelector: FC<AuthMethodSelectorProps>;
export {};
//# sourceMappingURL=AuthMethodSelector.d.ts.map