import { LitElement, nothing } from 'lit';
export interface WsCrumb {
    id: string;
    label: string;
    href?: string;
}
/**
 * Workshop breadcrumb navigation.
 *
 * @csspart nav - The breadcrumb navigation element.
 * @csspart crumb - Each breadcrumb label/link.
 * @csspart separator - The separator icon between crumbs.
 */
export declare class WsBreadcrumbs extends LitElement {
    static styles: import("lit").CSSResult;
    /** Crumbs to render. Use the `crumbs` attribute with JSON or set this property. */
    crumbs: WsCrumb[];
    private activeCrumbId?;
    static get observedAttributes(): string[];
    attributeChangedCallback(name: string, oldValue: string | null, value: string | null): void;
    render(): import("lit-html").TemplateResult<1> | typeof nothing;
    private parseCrumbsAttribute;
    private renderCrumb;
    private activateCrumb;
    private renderSeparator;
}
declare global {
    interface HTMLElementTagNameMap {
        'ws-breadcrumbs': WsBreadcrumbs;
    }
}
//# sourceMappingURL=ws-breadcrumbs.d.ts.map