export interface MultiSelectOption {
    value: string;
    label: string;
    disabled?: boolean;
}
export interface MultiSelectField {
    /** Unique identifier for the field */
    id: string;
    /** Label displayed above the multi-select */
    label: string;
    /** Placeholder text when no values selected */
    placeholder?: string;
    /** Search input placeholder */
    searchPlaceholder?: string;
    /** Message shown when no options match search */
    emptyMessage?: string;
    /** Optional description/helper text */
    description?: string;
    /** Whether at least one value is required */
    required?: boolean;
    /** Minimum number of selections required */
    minSelections?: number;
    /** Maximum number of selections allowed */
    maxSelections?: number;
    /** Available options */
    options: MultiSelectOption[];
    /** Default selected values */
    defaultValue?: string[];
}
export interface MultiSelectStepProps {
    /** Title displayed at the top of the step */
    title?: string;
    /** Description text below the title */
    description?: string;
    /** Array of multi-select fields */
    fields: MultiSelectField[];
    /** Called when any value changes */
    onValuesChange?: (values: Record<string, string[]>) => void;
    /** Called when the user submits the form */
    onSubmit: (values: Record<string, 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 MultiSelectStep({ title, description, fields, onValuesChange, onSubmit, submitText, loadingText, backButton, }: MultiSelectStepProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=multi-select-step.d.ts.map