Sidebar

1"use client"
2 
3import * as React from "react"
4import {
5  Sidebar as BaseSidebar,
6  SidebarContent,
7  SidebarFooter,
8  SidebarHeader,
9  SidebarItem,
10} from "@/components/ui/sidebar"
11import { cn } from "@/lib/utils"
12 
13export interface SidebarProps extends React.ComponentProps<typeof BaseSidebar> {
14  glow?: boolean
15}
16 
17/**
18 * Glass UI Sidebar - Enhanced sidebar with glassy effects
19 */
20export const Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(
21  ({ className, variant = "glass", glow = false, ...props }, ref) => {
22    return (
23      <BaseSidebar
24        ref={ref}
25        variant={variant}
26        className={cn(
27          glow && "shadow-lg shadow-purple-500/20",
28          className
29        )}
30        {...props}
31      />
32    )
33  }
34)
35Sidebar.displayName = "Sidebar"
36 
37export {
38  SidebarHeader,
39  SidebarContent,
40  SidebarFooter,
41  SidebarItem,
42}
43