import { cn } from '@/lib/utils';
import { HTMLAttributes } from 'react';

export function Skeleton({ className, ...p }: HTMLAttributes<HTMLDivElement>) {
    return (
        <div aria-hidden className={cn('relative overflow-hidden rounded-md bg-muted', className)} {...p}>
            <div className="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-foreground/[0.05] to-transparent [animation:shimmer_1.6s_infinite]" />
        </div>
    );
}