{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "follow-up-suggestions",
  "title": "Follow-up suggestions",
  "description": "next questions under the latest answer · picking one sends it",
  "dependencies": [
    "cn@^0.4.0"
  ],
  "registryDependencies": [
    "@kit/button"
  ],
  "files": [
    {
      "path": "components/kit/follow-up-suggestions.tsx",
      "content": "import { cn } from 'cn';\nimport { Button } from '@/components/ui/button';\n\ntype Props = {\n  /** Two to four next questions, phrased the way the person would ask them. */\n  suggestions: string[];\n  onSelect: (text: string) => void;\n  className?: string;\n};\n\n/** Next questions under the latest answer. Picking one sends it. Hide them while the assistant answers. */\nexport function FollowUpSuggestions({ suggestions, onSelect, className }: Props) {\n  if (!suggestions.length) return null;\n  return (\n    <div role=\"group\" aria-label=\"Suggested follow-ups\" className={cn('flex flex-wrap gap-2', className)}>\n      {suggestions.map((s) => (\n        <Button key={s} type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-auto rounded-full py-1.5 text-left whitespace-normal\" onClick={() => onSelect(s)}>\n          {s}\n        </Button>\n      ))}\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/follow-up-suggestions.tsx"
    }
  ],
  "meta": {
    "exports": [
      "FollowUpSuggestions"
    ],
    "api": "<FollowUpSuggestions suggestions={[\"…\"]} onSelect />"
  },
  "docs": "Needs the kit theme (`@kit/theme`) and a next-themes ThemeProvider (attribute=\"class\") at the root.",
  "categories": [
    "ai"
  ],
  "type": "registry:component"
}