import { Slot } from "@radix-ui/react-slot"; import * as React from "react"; import { cn } from "@/lib/utils"; import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons"; const Breadcrumb = React.forwardRef< HTMLElement, React.ComponentPropsWithoutRef<"nav"> & { separator?: React.ReactNode; } >(({ ...props }, ref) =>

); Breadcrumb.displayName = "Breadcrumb"; const BreadcrumbList = React.forwardRef>( ({ className, ...props }, ref) => (

>( ({ className, ...props }, ref) => (

), ); BreadcrumbItem.displayName = "BreadcrumbItem"; const BreadcrumbLink = React.forwardRef< HTMLAnchorElement, React.ComponentPropsWithoutRef<"a"> & { asChild?: boolean; } >(({ asChild, className, ...props }, ref) => { const Comp = asChild ? Slot : "a"; return ( ); }); BreadcrumbLink.displayName = "BreadcrumbLink"; const BreadcrumbPage = React.forwardRef>( ({ className, ...props }, ref) => ( ), ); BreadcrumbPage.displayName = "BreadcrumbPage"; const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<"li">) => (

); BreadcrumbSeparator.displayName = "BreadcrumbSeparator"; const BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => ( ); BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"; export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };