import type * as React from 'react';
import { ChevronRight, MoreHorizontal } from 'lucide-react';
import { Slot } from 'radix-ui';
import { cn } from '@gib/ui';
const Breadcrumb = ({ ...props }: React.ComponentProps<'nav'>) => (
);
const BreadcrumbList = ({
className,
...props
}: React.ComponentProps<'ol'>) => (
);
const BreadcrumbItem = ({
className,
...props
}: React.ComponentProps<'li'>) => (
);
const BreadcrumbLink = ({
asChild,
className,
...props
}: React.ComponentProps<'a'> & {
asChild?: boolean;
}) => {
const Comp = asChild ? Slot.Root : 'a';
return (
);
};
const BreadcrumbPage = ({
className,
...props
}: React.ComponentProps<'span'>) => (
);
const BreadcrumbSeparator = ({
children,
className,
...props
}: React.ComponentProps<'li'>) => (
svg]:size-3.5', className)}
{...props}
>
{children ?? }
);
const BreadcrumbEllipsis = ({
className,
...props
}: React.ComponentProps<'span'>) => (
More
);
export {
Breadcrumb,
BreadcrumbList,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbPage,
BreadcrumbSeparator,
BreadcrumbEllipsis,
};