import { LitElement } from 'lit';
import '../../assets/styles/icons.css';
export interface BreadcrumbItem {
    label: string;
    state?: 'active' | 'default';
    navigate?: () => void;
}
declare global {
    interface HTMLElementTagNameMap {
        'ctt-breadcrumbs': CttBreadcrumbs;
    }
}
/**
 * CTT Breadcrumbs Web Component
 *
 * A navigation component that shows the user's current location in a hierarchical structure.
 * Breadcrumbs are separated by "/" and provide easy navigation back to parent pages.
 *
 * @element ctt-breadcrumbs
 *
 * @fires navigate - Dispatched when a breadcrumb item is clicked
 *
 * @csspart component - The main nav container
 * @csspart item - Individual breadcrumb items
 * @csspart separator - The separator between breadcrumb items
 */
export declare class CttBreadcrumbs extends LitElement {
    static styles: import("lit").CSSResult[];
    /**
     * Array of breadcrumb items to display
     */
    items: BreadcrumbItem[];
    /**
     * Accessible label for screen readers
     */
    ariaLabel: string;
    /**
     * ARIA role for the breadcrumbs navigation container
     */
    role: string;
    constructor();
    /**
     * Handle click on a breadcrumb item
     */
    private _handleItemClick;
    /**
     * Handle keyboard navigation
     */
    private _handleKeyDown;
    render(): import("lit-html").TemplateResult<1>;
}