import { type ReactNode } from "react";
export interface IconOption {
    /** Unique identifier */
    id: string;
    /** Display name */
    name: string;
    /** Icon or logo - can be a ReactNode (e.g., Iconify icon) */
    icon?: ReactNode;
    /** Optional description text */
    description?: string;
}
export interface IconSelectStepProps {
    /** Title displayed at the top of the step */
    title?: string;
    /** Description text below the title */
    description?: string;
    /** Array of options to display */
    options: IconOption[];
    /** Selection mode: single or multiple */
    selectionMode?: "single" | "multiple";
    /** Initially selected option id(s) */
    defaultSelected?: string[];
    /** Called when selection changes */
    onSelectionChange?: (selectedIds: string[]) => void;
    /** Called when the user submits the form */
    onSubmit: (selectedIds: string[]) => void | Promise<void>;
    /** Text for the submit button */
    submitText?: string;
    /** Text shown while submitting */
    loadingText?: string;
    /** Optional back button config */
    backButton?: {
        text: string;
        onClick: () => void;
    };
}
export declare function IconSelectStep({ title, description, options, selectionMode, defaultSelected, onSelectionChange, onSubmit, submitText, loadingText, backButton, }: IconSelectStepProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=icon-select-step.d.ts.map