import { cn } from '@/lib/utils'

/**
 * Skeleton — animated placeholder. Заменяет LoadingBlock в большинстве кейсов
 * (block-level loading indicator). Высоту/ширину передавайте через className.
 */
export function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div
      role="status"
      aria-busy="true"
      className={cn('animate-pulse rounded-md bg-surface-2', className)}
      {...props}
    />
  )
}
