import * as React from 'react'; import { Breadcrumb as BreadcrumbBase, BreadcrumbItem as BreadcrumbItemBase, BreadcrumbLink as BreadcrumbLinkBase, BreadcrumbList as BreadcrumbListBase, BreadcrumbPage as BreadcrumbPageBase, BreadcrumbSeparator as BreadcrumbSeparatorBase } from '../../../ui/breadcrumb.js'; declare const breadcrumbItemVariants: (props?: ({ variant?: "outline-badge" | "soft-badge" | "text" | null | undefined; isCurrent?: boolean | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; type SeparatorType = 'chevron' | 'slash'; export interface BreadcrumbProps extends React.ComponentProps { separator?: SeparatorType; ring?: boolean; } declare function Breadcrumb({ className, separator, ring, children, ...props }: BreadcrumbProps): React.JSX.Element; export type BreadcrumbListProps = React.ComponentProps; declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): React.JSX.Element; declare namespace BreadcrumbList { var displayName: string; } export interface BreadcrumbItemProps extends Omit, 'className'> { className?: string; } declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element; declare namespace BreadcrumbItem { var displayName: string; } export interface BreadcrumbLinkProps extends React.ComponentProps { variant?: 'text' | 'soft-badge' | 'outline-badge'; isCurrent?: boolean; } declare function BreadcrumbLink({ className, variant, isCurrent, ...props }: BreadcrumbLinkProps): React.JSX.Element; declare namespace BreadcrumbLink { var displayName: string; } export interface BreadcrumbPageProps extends React.ComponentProps { variant?: 'text' | 'soft-badge' | 'outline-badge'; } declare function BreadcrumbPage({ className, variant, ...props }: BreadcrumbPageProps): React.JSX.Element; declare namespace BreadcrumbPage { var displayName: string; } export interface BreadcrumbSeparatorProps extends Omit, 'children'> { type?: SeparatorType; } declare function BreadcrumbSeparator({ className, type, ...props }: BreadcrumbSeparatorProps): React.JSX.Element; declare namespace BreadcrumbSeparator { var displayName: string; } export interface BreadcrumbEllipsisProps extends React.ComponentProps<'button'> { variant?: 'text' | 'soft-badge' | 'outline-badge'; } declare function BreadcrumbEllipsis({ className, variant, ...props }: BreadcrumbEllipsisProps): React.JSX.Element; declare namespace BreadcrumbEllipsis { var displayName: string; } export interface BreadcrumbHomeLinkProps extends Omit { srLabel?: string; } declare function BreadcrumbHomeLink({ className, variant, srLabel, ...props }: BreadcrumbHomeLinkProps): React.JSX.Element; declare namespace BreadcrumbHomeLink { var displayName: string; } /** * Breadcrumb component with dot notation for compound parts. * * @example * ```tsx * * * * Home * * * * Current * * * * ``` */ declare const BreadcrumbCompound: typeof Breadcrumb & { Root: typeof Breadcrumb; List: typeof BreadcrumbList; Item: typeof BreadcrumbItem; Link: typeof BreadcrumbLink; Page: typeof BreadcrumbPage; Separator: typeof BreadcrumbSeparator; Ellipsis: typeof BreadcrumbEllipsis; HomeLink: typeof BreadcrumbHomeLink; }; export { BreadcrumbCompound as Breadcrumb, BreadcrumbEllipsis, BreadcrumbHomeLink, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbItemVariants, };