import { default as React, ElementType, ReactNode } from 'react';
import { BoxBaseProps } from '../base';
import { ElementDensity, ElementFont, SurfaceColor } from '../../utils';
import { ElementAnimation } from '../../types';
/**
 * Breadcrumb item.
 *
 * @function
 * @param props - Item props.
 */
export interface BreadcrumbItem {
    label: ReactNode;
    href?: string;
    icon?: ReactNode;
    current?: boolean;
    disabled?: boolean;
}
/**
 * Props for Breadcrumbs component.
 *
 * @category Navigation
 */
export interface BreadcrumbsProps extends BoxBaseProps {
    items?: BreadcrumbItem[];
    children?: ReactNode;
    separator?: ReactNode;
    maxItems?: number;
    itemsBeforeCollapse?: number;
    itemsAfterCollapse?: number;
    renderItem?: (item: BreadcrumbItem, index: number) => ReactNode;
    renderSeparator?: (index: number) => ReactNode;
    renderCollapse?: (items: BreadcrumbItem[]) => ReactNode;
    as?: ElementType;
    itemComponent?: ElementType;
    density?: ElementDensity;
    font?: ElementFont;
    color?: SurfaceColor;
    animation?: ElementAnimation;
}
/**
 * Breadcrumbs navigation component.
 *
 * @function
 * @param props - Component props.
 */
export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;