Skeleton

1"use client"
2 
3import * as React from "react"
4import { Skeleton as BaseSkeleton } from "@/components/ui/skeleton"
5import { cn } from "@/lib/utils"
6 
7export interface SkeletonProps extends React.ComponentProps<typeof BaseSkeleton> {
8  shimmer?: boolean
9}
10 
11/**
12 * Glass UI Skeleton - Enhanced skeleton with glassy effects and shimmer
13 */
14export function Skeleton({ className, variant = "glass", shimmer = true, ...props }: SkeletonProps) {
15  return (
16    <BaseSkeleton
17      variant={variant}
18      className={cn(
19        shimmer && "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent before:animate-[shimmer_2s_infinite]",
20        className
21      )}
22      {...props}
23    />
24  )
25}
26