{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "suggestions",
  "title": "Suggestions",
  "description": "Starting points above the input. Choosing one sends it.",
  "registryDependencies": [
    "https://creance.pages.dev/r/button.json",
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "suggestions/Suggestions.css",
      "content": ".cr-suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--cr-space-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n",
      "type": "registry:file",
      "target": "@components/creance/suggestions/Suggestions.css"
    },
    {
      "path": "suggestions/Suggestions.tsx",
      "content": "'use client';\n\nimport { Button } from '@/components/creance/button/Button';\nimport { cx } from '@/lib/creance/cx';\nimport './Suggestions.css';\n\nexport interface SuggestionsProps {\n  /** Short prompts. Each is what gets sent. */\n  items: string[];\n  onSelect?: (item: string) => void;\n  /** Accessible name of the list. Default \"Suggestions\". */\n  label?: string;\n  className?: string;\n}\n\n/** Starting points above the input. Choosing one sends it. */\nexport function Suggestions({ items, onSelect, label = 'Suggestions', className }: SuggestionsProps) {\n  return (\n    <ul className={cx('cr-suggestions', className)} aria-label={label}>\n      {items.map((item) => (\n        <li key={item}>\n          <Button size=\"sm\" onClick={() => onSelect?.(item)}>\n            {item}\n          </Button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/creance/suggestions/Suggestions.tsx"
    }
  ],
  "categories": [
    "molecule",
    "chat"
  ],
  "type": "registry:ui"
}