import { PassThroughPropsWithRef } from '../../types';
/**
 * Props for the DrillDown component.
 *
 * @property index - Zero-based index of this drilldown screen in the navigation sequence.
 * @property onClose - Called when the close button in the header is clicked. When provided, displays a close button in the DrillDownHeader.
 *
 * @extends PassThroughPropsWithRef<"div">
 */
export type DrillDownProps = PassThroughPropsWithRef<"div"> & {
    index: number;
    onClose?: () => void;
};
/**
 * Multi-step, hierarchical drill-down navigation component for Dialog, Drawer, and Page.Panel — lets users drill down by selecting a category to go deeper into nested subcategories or screens, and navigate back up.
 *
 * Manages sequential navigation between related content screens within overlay components.
 * Each DrillDown represents a single screen identified by its index. Navigate between screens
 * using DrillDown.NextButton, DrillDown.PrevButton, or the useDrillDown hook.
 *
 * Features:
 * - Index-based navigation between screens
 * - Built-in back and close button support in headers
 * - Automatic analytics tracking via data-tracking-id
 * - Controlled and uncontrolled modes via useDrillDown hook
 * - Compound component API for consistent structure
 *
 * @example
 * ```tsx
 * <Dialog defaultDrillDownIndex={0}>
 *   <DrillDown index={0}>
 *     <DrillDown.Header>Step 1</DrillDown.Header>
 *     <DrillDown.Content>First step content</DrillDown.Content>
 *     <DrillDown.Footer>
 *       <DrillDown.NextButton>Continue</DrillDown.NextButton>
 *     </DrillDown.Footer>
 *   </DrillDown>
 *   <DrillDown index={1} onClose={() => close()}>
 *     <DrillDown.Header>Step 2</DrillDown.Header>
 *     <DrillDown.Content>Second step content</DrillDown.Content>
 *     <DrillDown.Footer>
 *       <DrillDown.PrevButton>Back</DrillDown.PrevButton>
 *     </DrillDown.Footer>
 *   </DrillDown>
 * </Dialog>
 * ```
 */
export declare const DrillDown: import('react').ForwardRefExoticComponent<Omit<DrillDownProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
    Header: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownHeader').DrillDownHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Content: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownContent').DrillDownContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Footer: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownFooter').DrillDownFooterProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    NextButton: import('react').ForwardRefExoticComponent<import('./DrillDownNextButton').DrillDownNextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
    PrevButton: import('react').ForwardRefExoticComponent<import('./DrillDownPrevButton').DrillDownPrevButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
};
export declare const DrillDownElement: import('react').ForwardRefExoticComponent<Omit<DrillDownProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
    Header: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownHeader').DrillDownHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Content: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownContent').DrillDownContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Footer: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownFooter').DrillDownFooterProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    NextButton: import('react').ForwardRefExoticComponent<import('./DrillDownNextButton').DrillDownNextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
    PrevButton: import('react').ForwardRefExoticComponent<import('./DrillDownPrevButton').DrillDownPrevButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
};
