{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comment-composer",
  "title": "Comment Composer",
  "description": "Write context, attach a file, and submit a teammate-facing comment.",
  "dependencies": [
    "lucide-react@^1.33.0"
  ],
  "registryDependencies": [
    "https://components.exe.xyz/r/avatar.json",
    "https://components.exe.xyz/r/button.json",
    "https://components.exe.xyz/r/textarea.json"
  ],
  "files": [
    {
      "path": "src/components/blocks/comment-composer.tsx",
      "content": "import { Paperclip, Send } from \"lucide-react\"\n\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\nexport function CommentComposer() {\n  return (\n    <div className=\"rounded-[2px] border border-border bg-card p-3\">\n      <div className=\"flex gap-3\">\n        <Avatar className=\"size-7\">\n          <AvatarFallback>AR</AvatarFallback>\n        </Avatar>\n        <Textarea\n          aria-label=\"Add a comment\"\n          placeholder=\"Add context or mention a teammate…\"\n          className=\"min-h-20\"\n        />\n      </div>\n      <div className=\"mt-2 flex items-center justify-end gap-1\">\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Attach file\">\n          <Paperclip />\n        </Button>\n        <Button size=\"sm\">\n          <Send /> Comment\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}