Function FileIcon

web/src/components/IDEDemo.tsx:97–113

({ extension }: { extension?: string })

]

const FileIcon = ({ extension }: { extension?: string }) => {
  const iconColor =
    {
      ts: 'text-blue-400',
      tsx: 'text-blue-500',
      js: 'text-yellow-400',
      jsx: 'text-yellow-500',
      json: 'text-yellow-300',
      md: 'text-white',
    }[extension || ''] || 'text-zinc-400'

  return (
    <div className={cn('w-4 h-4 mr-2', iconColor)}>
      {extension ? '📄' : '📁'}
    </div>
  )
}

const FileTreeItem = ({
  item,