import * as i0 from "@angular/core";
/**
 * Interface for a breadcrumb item
 */
export interface BreadcrumbItem {
    /**
     * Display text for the breadcrumb item
     */
    label: string;
    /**
     * Optional URL for external links (href attribute)
     */
    href?: string;
    /**
     * Optional target attribute for external links
     */
    target?: string;
    /**
     * Optional URL for internal navigation (routerLink)
     */
    routerLink?: string | any[];
}
/**
 * Type of divider to use between breadcrumb items.
 */
export type BreadcrumbsDividerType = 'dot' | 'slash' | 'chevron';
/**
 * The Breadcrumbs component displays a navigation trail for users to follow back to the starting or entry point.
 * It supports customizable dividers to fit different design needs.
 *
 * Usage:
 * ```html
 * <tgui-breadcrumbs
 *   [items]="[
 *     { label: 'Home', url: '/' },
 *     { label: 'Catalog', url: '/catalog' },
 *     { label: 'Product' }
 *   ]"
 *   divider="slash"
 * ></tgui-breadcrumbs>
 * ```
 */
export declare class BreadcrumbsComponent {
    /**
     * Array of breadcrumb items to display
     */
    items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
    /**
     * Type of divider to use between breadcrumb items.
     */
    divider: import("@angular/core").InputSignal<BreadcrumbsDividerType>;
    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "tgui-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
