import { ComponentPropsWithoutRef, ReactElement } from 'react';
import { LayoutUtilProps } from '../../types';
import { BreadcrumbsLinkProps } from './BreadcrumbsLink';
/**
 * Props for the Breadcrumbs component
 * @extends ComponentPropsWithoutRef<"nav">
 * @extends LayoutUtilProps
 */
export type BreadcrumbsProps = ComponentPropsWithoutRef<"nav"> & LayoutUtilProps & {
    /**
     * Breadcrumb links to display. The last child will be rendered as non-clickable text.
     */
    children: ReactElement<BreadcrumbsLinkProps> | ReactElement<BreadcrumbsLinkProps>[];
};
/**
 * Breadcrumbs component for displaying navigation hierarchy.
 *
 * Features:
 * - Displays a series of navigation links with chevron separators
 * - Automatically renders the last item as non-clickable text
 * - Includes proper ARIA labeling for accessibility
 * - Supports layout utilities for positioning and spacing
 * - Uses chevron icons as visual separators between links
 * - Responsive design with flexbox layout
 *
 * @example
 * <Breadcrumbs>
 *   <Breadcrumbs.Link href="/home">Home</Breadcrumbs.Link>
 *   <Breadcrumbs.Link href="/products">Products</Breadcrumbs.Link>
 *   <Breadcrumbs.Link href="/electronics">Electronics</Breadcrumbs.Link>
 * </Breadcrumbs>
 */
export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & LayoutUtilProps & {
    /**
     * Breadcrumb links to display. The last child will be rendered as non-clickable text.
     */
    children: ReactElement<BreadcrumbsLinkProps> | ReactElement<BreadcrumbsLinkProps>[];
} & import('react').RefAttributes<HTMLElement>> & {
    /**
     * BreadcrumbsLink component for individual breadcrumb navigation items.
     *
     * Features:
     * - Renders as a clickable link with secondary appearance
     * - Supports all standard anchor element props
     * - Includes layout utilities for positioning and spacing
     * - Uses small text size for consistent styling
     * - Fully accessible with proper focus management
     * - Automatically applies secondary link styling
     *
     * @example
     * <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
     */
    Link: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLAnchorElement>>;
};
