<!-- source-hash: ea908999537b35130687d69adca79700 -->
A React component that renders contextual icons for different file types and folders using Lucide React icons.

## Key Components

- **`FileIcon`** - Main component that displays appropriate icons based on file type or extension
- **`getFileIcon`** - Utility function that maps file extensions to corresponding Lucide icons
- **`sizeMap`** - Configuration object defining responsive icon sizes (sm, md, lg)

The component supports multiple file categories including documents, images, videos, audio files, code files, and archives, with a special case for folder icons.

## Usage Example

```typescript
import { FileIcon } from './file-icon'

// Folder icon
<FileIcon type="folder" />

// File icons based on extension
<FileIcon extension="pdf" size="lg" />
<FileIcon extension="mp4" size="sm" />
<FileIcon extension="js" className="text-blue-500" />

// Default file icon (no extension)
<FileIcon />

// Custom styling
<FileIcon 
  extension="png" 
  size="md" 
  className="hover:text-blue-600" 
/>
```

The component automatically applies appropriate colors (accent for folders, secondary text for files) and supports three sizes. Unknown file extensions default to a generic file icon.