Breadcrumb

1"use client"
2 
3import * as React from "react"
4import {
5  Breadcrumb as BaseBreadcrumb,
6  BreadcrumbEllipsis,
7  BreadcrumbItem,
8  BreadcrumbLink,
9  BreadcrumbList as BaseBreadcrumbList,
10  BreadcrumbPage,
11  BreadcrumbSeparator,
12} from "@/components/ui/breadcrumb"
13import { cn } from "@/lib/utils"
14 
15export interface BreadcrumbListProps extends React.ComponentProps<typeof BaseBreadcrumbList> {
16  glow?: boolean
17}
18 
19/**
20 * Glass UI Breadcrumb - Enhanced breadcrumb with glassy effects
21 */
22export const BreadcrumbList = React.forwardRef<
23  HTMLOListElement,
24  BreadcrumbListProps
25>(({ className, variant = "glass", glow = false, ...props }, ref) => {
26  return (
27    <BaseBreadcrumbList
28      ref={ref}
29      variant={variant}
30      className={cn(
31        glow && "shadow-md shadow-purple-500/20",
32        className
33      )}
34      {...props}
35    />
36  )
37})
38BreadcrumbList.displayName = "BreadcrumbList"
39 
40export {
41  BaseBreadcrumb as Breadcrumb,
42  BreadcrumbItem,
43  BreadcrumbLink,
44  BreadcrumbPage,
45  BreadcrumbSeparator,
46  BreadcrumbEllipsis,
47}
48