<!-- source-hash: 1af29a70a43b36abd987b08d7d7293c7 -->
A simple skeleton loading component that displays an animated placeholder while content is loading.

## Key Components

- **Skeleton** - Main component that renders a pulsing placeholder div with rounded corners and muted background

## Usage Example

```typescript
import { Skeleton } from './skeleton'

// Basic skeleton
<Skeleton className="h-4 w-32" />

// Multiple skeletons for a card layout
<div className="space-y-2">
  <Skeleton className="h-4 w-full" />
  <Skeleton className="h-4 w-3/4" />
  <Skeleton className="h-8 w-24" />
</div>

// Custom styling
<Skeleton className="h-12 w-12 rounded-full" />
```

The component accepts all standard HTML div attributes and applies a pulsing animation with a muted background color. The `cn` utility function allows for easy className composition and overrides. Commonly used dimensions and shapes can be applied through the className prop to match the expected content layout.