import React from 'react';
import { BaseProps } from '../component-helpers';
/**
 * Design tokens
 */
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css';
export declare const BreadcrumbVariants: readonly ["default", "accent"];
export type BreadcrumbsProps = {
    variant?: (typeof BreadcrumbVariants)[number];
} & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
type ItemProps = {
    href: string;
    selected?: boolean;
} & BaseProps<HTMLAnchorElement> & React.HTMLAttributes<HTMLAnchorElement>;
/**
 * Use Breadcrumbs to display the current location within a navigational hierarchy.
 * @see https://primer.style/brand/components/Breadcrumbs
 */
export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>> & {
    Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
};
export {};