import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import SynBreadcrumb from '@synergy-design-system/components/components/breadcrumb/breadcrumb.component.js';

/**
 * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
 * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs
 * @status stable
 * @since 1.26.0
 *
 * @slot - One or more breadcrumb items to display.
 * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.
 *
 * @dependency syn-icon
 *
 * @csspart base - The component's base wrapper.
 */
declare class SynBreadcrumbComponent {
    nativeElement: SynBreadcrumb;
    private _ngZone;
    constructor(e: ElementRef, ngZone: NgZone);
    /**
  * The label to use for the breadcrumb control.
  * This will not be shown on the screen, but it will be announced by
  screen readers and other assistive devices to provide more context for users.
   */
    set label(v: SynBreadcrumb['label']);
    get label(): SynBreadcrumb['label'];
    static ɵfac: i0.ɵɵFactoryDeclaration<SynBreadcrumbComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SynBreadcrumbComponent, "syn-breadcrumb", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { SynBreadcrumbComponent };