@camped-ui/breadcrumb/dist/index.d.ts

The Breadcrumb component is a fundamental navigational element that displays a hierarchical trail of links, typically representing the user's location within a website or application. It helps users understand their current position and facilitates naviga

/// <reference types="react" />
import { buttonVariants } from "@camped-ui/button";
import * as PopoverPrimitive from "@radix-ui/react-popover";
import { VariantProps } from "class-variance-authority";
interface BreadCrumbProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonVariants> {
    orientation?: "horizontal" | "vertical";
}
declare const Breadcrumb: {
    ({ className, orientation, variant, dir, size, children, ...props }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<(import("react").HTMLAttributes<HTMLDivElement> & ({
    index: number;
} & ({
    isActive: boolean;
    activeVariant?: VariantProps<typeof buttonVariants>;
} | {
    isActive?: undefined;
    activeVariant?: undefined;
}))) & import("react").RefAttributes<HTMLDivElement>>;
declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
    asChild?: boolean;
} & import("react").RefAttributes<HTMLAnchorElement>>;
declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
declare const BreadcrumbList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<{
    index: number;
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
declare const BreadcrumbPopover: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<PopoverPrimitive.PopoverProps>>;
declare const BreadcrumbTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
declare const BreadcrumbContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export { Breadcrumb, BreadcrumbLink, BreadcrumbEllipsis, BreadcrumbSeparator, BreadcrumbList, BreadcrumbPage, BreadcrumbItem, BreadcrumbPopover, BreadcrumbTrigger, BreadcrumbContent, };
//# sourceMappingURL=index.d.ts.map