{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "file",
  "type": "registry:component",
  "title": "File",
  "description": "File display/manager component",
  "registryDependencies": [],
  "files": [
    {
      "path": "components/chatcn/ai/file.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport { SourceCodeIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\ntype FileProps = {\n  className?: string;\n  title: string;\n  description: string;\n  icon?: React.ReactNode;\n} & React.HTMLProps<HTMLDivElement>;\n\nexport function File({\n  className,\n  title,\n  description,\n  icon,\n  ...props\n}: FileProps) {\n  return (\n    <div\n      className={cn(\n        \"inline-flex items-center gap-2 rounded-lg bg-muted px-3 py-3 hover:bg-muted/80 transition border cursor-pointer\",\n        className\n      )}\n      {...props}\n    >\n      {icon ?? (\n        <HugeiconsIcon\n          icon={SourceCodeIcon}\n          className=\"w-8 h-8 text-muted-foreground\"\n        />\n      )}\n      <div className=\"flex flex-col leading-tight\">\n        <span className=\"text-sm font-medium text-foreground\">{title}</span>\n        <span className=\"text-xs text-muted-foreground\">{description}</span>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ]
}