Spinner

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