{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "read-receipt",
  "type": "registry:ui",
  "title": "Read receipt",
  "description": "Message read receipt icon that shows a single check for sent, a double check for delivered, and an accent double check once read. Labelled for screen readers.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/read-receipt.tsx",
      "type": "registry:ui",
      "target": "components/ui/read-receipt.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { CheckCheckIcon, CheckIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction ReadReceipt({\n  status = \"sent\",\n  className,\n}: {\n  status?: \"sent\" | \"delivered\" | \"read\"\n  className?: string\n}) {\n  const Icon = status === \"sent\" ? CheckIcon : CheckCheckIcon\n  return (\n    <span\n      data-slot=\"read-receipt\"\n      aria-label={status}\n      className={cn(\"inline-flex\", status === \"read\" ? \"text-accent\" : \"text-fg-muted\", className)}\n    >\n      <Icon className=\"size-3.5\" />\n    </span>\n  )\n}\nexport { ReadReceipt }\n"
    }
  ]
}