{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "message-demo",
  "title": "Message: Example",
  "description": "A question and an answer with actions.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.cuelark.com/r/message.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/examples/message-demo.tsx",
      "content": "import { CopyIcon, RefreshCwIcon, ThumbsDownIcon, ThumbsUpIcon } from \"lucide-react\";\n\nimport { Message, MessageAction, MessageActions, MessageAvatar, MessageContent } from \"@/registry/cuelark/ui/message\";\n\nexport default function MessageDemo() {\n  return (\n    <div className=\"grid w-full max-w-xl gap-6\">\n      <Message from=\"user\">\n        <MessageContent>Can you summarize what changed in the billing service this week?</MessageContent>\n      </Message>\n      <Message from=\"assistant\">\n        <MessageAvatar className=\"bg-foreground text-background\">C</MessageAvatar>\n        <MessageContent>\n          <p>\n            Three changes shipped: proration now rounds to the cent, failed renewals retry twice before emailing the customer, and invoices include the tax ID when one is on file.\n          </p>\n          <MessageActions>\n            <MessageAction label=\"Copy\"><CopyIcon /></MessageAction>\n            <MessageAction label=\"Regenerate\"><RefreshCwIcon /></MessageAction>\n            <MessageAction label=\"Good response\"><ThumbsUpIcon /></MessageAction>\n            <MessageAction label=\"Bad response\"><ThumbsDownIcon /></MessageAction>\n          </MessageActions>\n        </MessageContent>\n      </Message>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "message",
    "example"
  ],
  "type": "registry:component"
}