import * as react from 'react';
import { ReactNode } from 'react';
import { N as NavigableProps } from './types-8Sv0rCjw.js';

interface BreadcrumbsProps {
    children: ReactNode;
    separator?: ReactNode;
    shrink?: boolean;
    className?: string;
}
interface BreadcrumbsItemProps extends NavigableProps {
    children: ReactNode;
    active?: boolean;
    /**
     * Navigate by callback instead of by URL, for a crumb with no href.
     *
     * Controlled components own their own navigation — a repository browser
     * walking directories, a wizard stepping back — and have no address to link
     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
     * current crumb is not a destination, and `href` wins if both are given.
     */
    onClick?: () => void;
    className?: string;
}

declare function BreadcrumbsItem({ children, href, as: As, active, onClick, className, ...rest }: BreadcrumbsItemProps): react.JSX.Element;
declare namespace BreadcrumbsItem {
    var displayName: string;
}

declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps): react.JSX.Element;
declare const Breadcrumbs: typeof BreadcrumbsRoot & {
    Item: typeof BreadcrumbsItem;
};

export { Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps };