Hover Card

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