# UI Component Assets

This directory contains images used in UI components throughout the application.

## Files to Add

### Profile & User
- `default-avatar.png` - Default user avatar placeholder
- `profile-placeholder.svg` - Profile image placeholder

### Dashboard Components
- `metric-card-icon.svg` - Icon for metric cards
- `empty-state-illustration.svg` - Empty state illustrations

### General UI
- `loading-spinner.svg` - Loading animation (if not CSS-based)
- `error-illustration.svg` - Error state illustration
- `success-illustration.svg` - Success state illustration

## Usage Example

```typescript
import defaultAvatar from '@/assets/images/ui/default-avatar.png';

<img 
    src={defaultAvatar} 
    alt="User avatar" 
    className="w-10 h-10 rounded-full" 
/>
```

