// ── UI: Skeleton Primitive ──
// Animated placeholder for content that is still loading.

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

/**
 * Skeleton — a pulsing placeholder block used while content is loading.
 */
function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
  return <div className={cn("animate-pulse rounded-md bg-primary/10", className)} {...props} />
}

export { Skeleton }
