{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "suggestions",
  "title": "Suggestions",
  "description": "A scrollable row of prompts to start or continue a conversation with.",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/default/suggestions/suggestions.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nexport type Suggestion = {\n  id: string\n  label: React.ReactNode\n  prompt?: string\n  icon?: React.ReactNode\n}\n\nexport type SuggestionsProps = Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\" | \"onSelect\"\n> & {\n  suggestions: Suggestion[]\n  onSelect?: (suggestion: Suggestion) => void\n  label?: string\n  disabled?: boolean\n}\n\nexport function Suggestions({\n  suggestions,\n  onSelect,\n  label = \"Suggested prompts\",\n  disabled = false,\n  className,\n  ...rootProps\n}: SuggestionsProps) {\n  if (suggestions.length === 0) return null\n\n  return (\n    <nav\n      data-slot=\"suggestions\"\n      aria-label={label}\n      className={cn(\"min-w-0\", className)}\n      {...rootProps}\n    >\n      <ul className=\"flex snap-x gap-2 overflow-x-auto pb-1\">\n        {suggestions.map((suggestion) => (\n          <li key={suggestion.id} className=\"snap-start\">\n            <button\n              type=\"button\"\n              data-slot=\"suggestion\"\n              disabled={disabled}\n              className=\"border-border hover:bg-muted focus-visible:ring-ring inline-flex min-h-11 items-center gap-2 rounded-full border px-3.5 text-sm whitespace-nowrap transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 motion-reduce:transition-none\"\n              onClick={() => onSelect?.(suggestion)}\n            >\n              {suggestion.icon ? (\n                <span aria-hidden=\"true\" className=\"text-muted-foreground\">\n                  {suggestion.icon}\n                </span>\n              ) : null}\n              {suggestion.label}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "ai",
    "chat",
    "prompts",
    "agent"
  ],
  "type": "registry:ui"
}