import type { BreadcrumbItem } from '@redis-ui/components';
interface HeaderSectionProps {
    breadcrumbItems: BreadcrumbItem[];
    stepperSteps: {
        label: string;
    }[];
    activeStepIndex: number;
    getIsStepInteractive: (index: number) => boolean;
    handleStepChange: (stepIndex: number) => void;
}
/**
 * Memoized header section to prevent re-renders when form state changes.
 *
 * The identity block and the step list share one wrapping row so the step list
 * drops underneath the breadcrumbs — still left-aligned — whenever it cannot fit
 * beside them, instead of being clipped by the host.
 */
export declare const HeaderSection: import("react").MemoExoticComponent<({ breadcrumbItems, stepperSteps, activeStepIndex, getIsStepInteractive, handleStepChange }: HeaderSectionProps) => import("react/jsx-runtime").JSX.Element>;
export {};