import * as React from "react"
import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
import { cn } from "../core/cn"
function Breadcrumb({ ...props }: React.ComponentPropsWithoutRef<"nav">) {
return
}
function BreadcrumbList({ className, ...props }: React.ComponentPropsWithoutRef<"ol">) {
return (
)
}
function BreadcrumbItem({ className, ...props }: React.ComponentPropsWithoutRef<"li">) {
return (
)
}
function BreadcrumbLink({
className,
href,
asChild,
children,
...props
}: React.ComponentPropsWithoutRef<"a"> & { asChild?: boolean }) {
if (asChild) {
return (
)}>
{children}
)
}
return (
{children}
)
}
function BreadcrumbPage({ className, ...props }: React.ComponentPropsWithoutRef<"span">) {
return (
)
}
function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">) {
return (
svg]:size-3.5", className)}
{...props}
>
{children ?? }
)
}
function BreadcrumbEllipsis({ className, ...props }: React.ComponentPropsWithoutRef<"span">) {
return (
More
)
}
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator }