{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "suggestion-chips",
  "type": "registry:ui",
  "title": "Suggestion chips",
  "description": "Row of rounded suggestion chips such as Summarize or Find bugs that call onSelect when clicked. Use them as prompt starters under a React AI chat input.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/suggestion-chips.tsx",
      "type": "registry:ui",
      "target": "components/ui/suggestion-chips.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction SuggestionChips({\n  items = [\"Summarize\", \"Rewrite\", \"Find bugs\"],\n  onSelect,\n  className,\n}: {\n  items?: string[]\n  onSelect?: (item: string) => void\n  className?: string\n}) {\n  return (\n    <div data-slot=\"suggestion-chips\" className={cn(\"flex flex-wrap gap-1.5\", className)}>\n      {items.map((item) => (\n        <button\n          key={item}\n          type=\"button\"\n          onClick={() => onSelect?.(item)}\n          className=\"h-7 rounded-full border border-border bg-surface px-3 text-xs font-medium text-fg outline-none transition-[border-color] duration-[70ms] hover:border-fg-subtle focus-visible:ring-2 focus-visible:ring-accent\"\n        >\n          {item}\n        </button>\n      ))}\n    </div>\n  )\n}\nexport { SuggestionChips }\n"
    }
  ]
}