{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pinned-message",
  "type": "registry:ui",
  "title": "Pinned message",
  "description": "A highlighted pinned note for chat channels and threads with a pin icon, a Pinned by author line and the message body on an accent tinted Tailwind background.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/pinned-message.tsx",
      "type": "registry:ui",
      "target": "components/ui/pinned-message.tsx",
      "content": "\"use client\"\nimport { cn } from \"@/lib/utils\"\nimport { PinIcon } from \"lucide-react\"\n\nfunction PinnedMessage({\n  author = \"Ops\",\n  body = \"Client walkthrough lives at /showcase — lead with the OS mock.\",\n  className,\n}: {\n  author?: string\n  body?: string\n  className?: string\n}) {\n  return (\n    <div data-slot=\"pinned-message\" className={cn(\"flex gap-3 rounded-xl border border-accent/25 bg-accent/5 px-3 py-2.5\", className)}>\n      <PinIcon className=\"mt-0.5 size-4 shrink-0 text-accent\" aria-hidden />\n      <div>\n        <p className=\"text-xs font-medium text-accent\">Pinned · {author}</p>\n        <p className=\"mt-0.5 text-sm text-fg\">{body}</p>\n      </div>\n    </div>\n  )\n}\nexport { PinnedMessage }\n"
    }
  ]
}