import { default as React } from 'react';
import { default as IBreadcrumbProps } from './IBreadcrumbProps';
/**
 * Breadcrumb component that shows the navigation path
 * @param props {@link IBreadcrumbProps} - Props for the Breadcrumb component
 * @returns The rendered breadcrumb component
 *
 * @example
 * ```tsx
 * // Default
 * function App() {
 *   const items = [
 *     { label: 'Home', route: '/' },
 *     { label: 'Products', route: '#' },
 *     { label: 'Electronics', route: '#' },
 *   ];
 *
 *   return (
 *     <Breadcrumb items={items} />
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // With nested children and ellipsis by maxItems
 * function App() {
 *   const items = [
 *     {
 *       label: 'Home',
 *       route: '/'
 *     },
 *     {
 *       label: 'Products',
 *       route: '#',
 *       children: [
 *         { label: 'New Arrivals', route: '/products/new' },
 *         { label: 'Best Sellers', route: '/products/best-sellers' },
 *       ]
 *     },
 *     {
 *       label: 'Electronics',
 *       route: '#',
 *       children: [
 *         { label: 'Smartphones', route: '/products/categories/electronics/smartphones' },
 *         { label: 'Tablets', route: '/products/categories/electronics/tablets' },
 *         { label: 'Laptops', route: '/products/categories/electronics/laptops' },
 *       ]
 *     },
 *     {
 *       label: 'Laptops',
 *       route: ''
 *     },
 *   ];
 *
 *   return (
 *     <Breadcrumb items={items} maxItems={3} />
 *   );
 * }
 * ```
 */
declare const Breadcrumb: React.FC<IBreadcrumbProps & React.RefAttributes<HTMLElement>>;
export default Breadcrumb;