"use client" import * as React from "react" import { mergeProps } from "@base-ui/react/merge-props" import { useRender } from "@base-ui/react/use-render" import { cn } from "@/lib/utils" import { IconPlaceholder } from "@/components/icon-placeholder" export function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.ReactElement { return

} export function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.ReactElement { return (

) } export function BreadcrumbLink({ className, render, asChild = false, children, ...props }: useRender.ComponentProps<"a"> & { asChild?: boolean }): React.ReactElement { const renderValue = render ?? (asChild && React.isValidElement(children) ? (children as React.ReactElement>) : undefined) const defaultProps = { children: asChild && React.isValidElement(children) ? undefined : children, className: cn("transition-colors hover:text-foreground", className), "data-slot": "breadcrumb-link", } return useRender({ defaultTagName: "a", props: mergeProps<"a">(defaultProps, props), render: renderValue, }) } export function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.ReactElement { return ( ) } export function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.ReactElement { return (
svg]:size-4", className)} data-slot="breadcrumb-separator" role="presentation" {...props} > {children ?? ( )}