Empty State

1"use client"
2 
3import * as React from "react"
4import {
5  EmptyState as BaseEmptyState,
6  EmptyStateIcon,
7  EmptyStateTitle,
8  EmptyStateDescription,
9} from "@/components/ui/empty-state"
10import { cn } from "@/lib/utils"
11import type { GlassCustomization } from "@/lib/glass-utils"
12import { hoverEffects, type HoverEffect } from "@/lib/hover-effects"
13 
14export interface EmptyStateProps extends React.ComponentProps<typeof BaseEmptyState> {
15  effect?: HoverEffect
16  glass?: GlassCustomization
17}
18 
19/**
20 * Glass UI Empty State - A beautifully designed empty state component with glassy effects
21 * Built on top of the base EmptyState component with enhanced visual styling
22 */
23export const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(
24  ({ className, variant = "glass", effect = "none", glass, ...props }, ref) => {
25    return (
26      <BaseEmptyState
27        ref={ref}
28        variant={variant}
29        glass={glass}
30        className={cn(
31          hoverEffects({ hover: effect }),
32          className
33        )}
34        {...props}
35      />
36    )
37  }
38)
39EmptyState.displayName = "EmptyState"
40 
41export { EmptyStateIcon, EmptyStateTitle, EmptyStateDescription }
42