import { LitElement, nothing } from 'lit';
export interface BreadcrumbItem {
    id: string;
    label: string;
    href?: string;
    icon?: string;
    disabled?: boolean;
}
/**
 * Breadcrumbs component for navigation hierarchy
 *
 * @element ui-breadcrumbs
 *
 * @prop {BreadcrumbItem[]} items - Array of breadcrumb items
 * @prop {string} separator - Separator between items ('/' | '>' | '•' | custom)
 * @prop {number} maxItems - Maximum items to show before collapse
 * @prop {boolean} showHome - Show home icon as first item
 * @prop {boolean} interactive - Enable click events
 * @prop {'sm' | 'md' | 'lg'} size - Breadcrumbs size
 *
 * @fires item-click - Fired when an item is clicked
 *
 * @csspart container - The breadcrumbs container
 * @csspart item - Individual breadcrumb item
 * @csspart separator - Item separator
 */
export declare class Breadcrumbs extends LitElement {
    items: BreadcrumbItem[];
    separator: string;
    maxItems: number;
    showHome: boolean;
    interactive: boolean;
    size: 'sm' | 'md' | 'lg';
    private _showDropdown;
    /** Custom ARIA label for navigation */
    ariaLabel: string | null;
    static styles: import("lit").CSSResult;
    private handleItemClick;
    private handleHomeClick;
    private renderItem;
    private renderSeparator;
    private renderCollapsedItems;
    render(): import("lit-html").TemplateResult<1> | typeof nothing;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-breadcrumbs': Breadcrumbs;
    }
}
//# sourceMappingURL=breadcrumbs.d.ts.map