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 // File icons based on extension // Default file icon (no extension) // Custom styling ``` 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.