import { SelectOptionWithId } from './types';
interface StepViewProps {
    /** Title of the step */
    title: string;
    /** Options for the selector */
    options: SelectOptionWithId[];
    /** Currently selected value */
    selectedValue: SelectOptionWithId | null;
    /** Callback when selection changes */
    onChange: (option: SelectOptionWithId | null) => void;
    /** Whether selector is loading */
    isLoading: boolean;
    /** Whether there was an error fetching data */
    hasError: boolean;
    /** Error message to display */
    errorMessage?: string;
    /** Whether selector is disabled */
    disabled: boolean;
    /** Label for the selector */
    label?: string;
    /** Optional secondary error message (e.g., for dependent step failures) */
    secondaryErrorMessage?: string;
    /** Optional back button handler */
    onBack?: () => void;
    /** Optional back button label */
    backButtonLabel?: string;
}
/**
 * Generic reusable step view component for multi-step forms
 * Displays a selector with loading state, error handling, and optional back button
 * Can be used in any multi-step flow (profiles, locations, patients, etc.)
 */
export declare const StepView: ({ title, options, selectedValue, onChange, isLoading, hasError, errorMessage, disabled, label, secondaryErrorMessage, onBack, backButtonLabel, }: StepViewProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=StepView.d.ts.map