import { Cre8Element } from '../cre8-element';
/** One crumb in a data-driven breadcrumb trail. */
export interface Cre8BreadcrumbData {
    text: string;
    /** Omit on the final crumb — the page you are on is not a link. */
    href?: string;
}
/**
 * The breadcrumbs component is a secondary navigation pattern that helps a user understand where the user is located.
 * The breadcrumbs component shows the users their current location relative to the information architecture
 * It enables the users to quickly move up to a parent level or previous location.
 *
 * ## How to Use
 *
 * - Import 'Breadcrumbs' component.
 * - Add the pages in the path of the breadcrumbs using `cre8-breadcrumbs-item`.
 * All the pages in the breadcrumbs component should be interactive.
 * - All the page should link to their respective pages (except the current page) using `cre8-link`.
 * - The current page is included in the breadcrumbs trail.
 * - The current page is always the last text listed and is not an interactive link.
 *
 * @slot - The component content
 */
export declare class Cre8Breadcrumbs extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * aria-label attribute to designate at name for the nav. Can be override by user
     */
    navAriaLabel: string;
    /**
     * Crumbs for a data-driven trail. Each becomes a `cre8-breadcrumbs-item`,
     * wrapping a `cre8-text-link` when it has an `href`.
     */
    items?: Cre8BreadcrumbData[];
    /** The composition the data property stands for. */
    private buildComposition;
    protected updated(changed: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-breadcrumbs': Cre8Breadcrumbs;
    }
}
export default Cre8Breadcrumbs;
//# sourceMappingURL=breadcrumbs.d.ts.map