{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stop-generating",
  "type": "registry:ui",
  "title": "Stop generating",
  "description": "Stop generating button with a filled square icon and an onClick handler, for cancelling a streaming AI response mid-answer in chat interfaces built with React.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/stop-generating.tsx",
      "type": "registry:ui",
      "target": "components/ui/stop-generating.tsx",
      "content": "\"use client\"\nimport { SquareIcon } from \"lucide-react\"\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction StopGenerating({\n  onClick,\n  className,\n}: {\n  onClick?: () => void\n  className?: string\n}) {\n  return (\n    <Button\n      data-slot=\"stop-generating\"\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className={cn(className)}\n      onClick={onClick}\n    >\n      <SquareIcon className=\"size-3.5 fill-current\" aria-hidden />\n      Stop generating\n    </Button>\n  )\n}\nexport { StopGenerating }\n"
    }
  ]
}