import { default as React } from 'react';
export interface BreadcrumbItem {
    /** The label text to display */
    label: string;
    /** Optional href for the link */
    href?: string;
    /** Whether this is the active/current item */
    isActive?: boolean;
    /** Click handler for custom navigation */
    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
}
/**
 * Breadcrumb styles configuration. Theme selects the [data-theme] variant on
 * the root; the remaining fields are caller-supplied CSS overrides layered on
 * top of the CSS-module classes (parity with the old getBreadcrumbStyles
 * merge).
 */
export interface BreadcrumbStyles {
    /** Theme variant */
    theme?: 'light' | 'dark' | 'sacred';
    /** Custom container styles */
    container?: React.CSSProperties;
    /** Custom item styles */
    item?: React.CSSProperties;
    /** Custom separator styles */
    separator?: React.CSSProperties;
    /** Custom active item styles */
    activeItem?: React.CSSProperties;
    /** Custom hover styles */
    itemHover?: React.CSSProperties;
}
export interface BreadcrumbProps {
    /** Array of breadcrumb items */
    items: BreadcrumbItem[];
    /** Custom separator element */
    separator?: React.ReactNode;
    /** Maximum number of items to show */
    maxItems?: number;
    /** Comprehensive styling options */
    styles?: BreadcrumbStyles;
    /** ARIA label for accessibility */
    'aria-label'?: string;
}
declare const Breadcrumb: React.FC<BreadcrumbProps>;
export default Breadcrumb;
//# sourceMappingURL=index.d.ts.map