import { ReactNode } from 'react';
interface BreadcrumbsProps {
    /**
     * Maximum number of items to display before combining middle items into a dropdown.
     * @default 4
     */
    maxNotCombinedItems?: number;
    items: Array<{
        name: string;
        icon?: ReactNode;
    }>;
    onItemClick: (item: {
        name: string;
    }) => void;
}
/**
 * A navigation component that displays a hierarchical path of items, allowing users to navigate through different levels.
 * When the number of items exceeds the maximum visible limit, it combines middle items into a dropdown menu
 * while keeping the first and last two items visible.
 *
 * Example:
 * ```tsx
 * <Breadcrumbs items={[{name: 'Home'}, {name: 'Folder'}, {name: 'Subfolder'}]} onItemClick={() => {}} />
 * ```
 */
export declare const Breadcrumbs: ({ maxNotCombinedItems, items, onItemClick, }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Breadcrumbs.d.ts.map