export interface DropdownOption {
    value: string;
    label: string;
    disabled?: boolean;
}
export interface DropdownOptionGroup {
    label: string;
    options: DropdownOption[];
}
export interface DropdownField {
    /** Unique identifier for the field */
    id: string;
    /** Label displayed above the dropdown */
    label: string;
    /** Placeholder text when no value selected */
    placeholder?: string;
    /** Optional description/helper text */
    description?: string;
    /** Whether the field is required */
    required?: boolean;
    /** Options (flat array or grouped) */
    options: DropdownOption[] | DropdownOptionGroup[];
    /** Default value */
    defaultValue?: string;
}
export interface DropdownSelectStepProps {
    /** Title displayed at the top of the step */
    title?: string;
    /** Description text below the title */
    description?: string;
    /** Array of dropdown fields */
    fields: DropdownField[];
    /** 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 DropdownSelectStep({ title, description, fields, onValuesChange, onSubmit, submitText, loadingText, backButton, }: DropdownSelectStepProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=dropdown-select-step.d.ts.map