import type React from 'react';
import type { BreadcrumbItem, NavigateDetail } from './types.js';
/**
 * Pass items through the typed `items` property (BreadcrumbItem[]), not JSON text.
 * Each item has `label`, `href`, and optional `icon`.
 * The last item renders as text (current page), not a link.
 *
 * @csspart base
 */
export interface BreadcrumbOwnProps {
    /**
     * Unique identifier for the element.
     * @example 'example-id'
     */
    id?: string;
    /**
     * Custom separator character or HTML between breadcrumb items (default: "/").
     * @example 'example'
     */
    separator?: string;
    /**
     * Component size. Allowed values: `xs`, `sm`, `md`, `lg`, `xl`.
     * @example 'xs'
     */
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Accessible label for the <nav> element (default: "Breadcrumb").
     * @example 'example'
     */
    navLabel?: string;
    /**
     * Disables the component, preventing interaction.
     * @defaultValue false
     * @example true
     */
    disabled?: boolean;
    /**
     * Typed array of item data objects. Bind as a property; do not stringify it or use children for list items.
     * @example [{ label: 'Home', href: '/' }]
     */
    items?: BreadcrumbItem[];
    /**
     * Fires when the user activates a navigation item. Detail: `NavigateDetail`.
     * @example (event) => console.log(event.detail.href)
     */
    onNavigate?: (event: CustomEvent<NavigateDetail>) => void;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<Breadcrumb>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-breadcrumb>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type BreadcrumbProps = BreadcrumbOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof BreadcrumbOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML" | keyof BreadcrumbOwnProps> & React.RefAttributes<HTMLElement>>;