import { type ProviderPreset } from "./presets";
/** Props for {@link ProviderPicker}. */
export interface ProviderPickerProps {
    /** Fired when the user selects a provider preset. */
    readonly onSelect: (preset: ProviderPreset) => void;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Grid of well-known identity provider cards for the first step of
 * the creation wizard.
 *
 * Each card shows an icon, provider name, and short description.
 * Clicking a card fires {@link ProviderPickerProps.onSelect} with
 * the corresponding {@link ProviderPreset}.
 *
 * The "Custom OIDC" card is visually distinct (dashed border) to
 * signal that it triggers a different flow (OIDC Discovery).
 *
 * All visual properties flow through `--stgm-*` design tokens.
 *
 * @example
 * ```tsx
 * <ProviderPicker onSelect={(preset) => setSelectedPreset(preset)} />
 * ```
 */
export declare function ProviderPicker({ onSelect, className }: ProviderPickerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ProviderPicker.d.ts.map