{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "review-request-card",
  "type": "registry:ui",
  "title": "Review request card",
  "description": "Code review request card with a Review requested badge, pull request title, repo name, author avatar, and Review and View diff buttons for developer dashboards.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/avatar.json",
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/status-badge.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/review-request-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/review-request-card.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { StatusBadge } from \"@/components/ui/status-badge\"\n\nfunction ReviewRequestCard({\n  title = \"Premium motion elevation\",\n  repo = \"lux-css\",\n  author = \"Aman\",\n  className,\n}: {\n  title?: string\n  repo?: string\n  author?: string\n  className?: string\n}) {\n  return (\n    <div data-slot=\"review-request-card\" className={cn(\"rounded-xl border border-border bg-surface p-4 shadow-highlight\", className)}>\n      <div className=\"flex items-start justify-between gap-3\">\n        <div>\n          <StatusBadge tone=\"accent\">Review requested</StatusBadge>\n          <h3 className=\"mt-2 text-sm font-medium text-fg\">{title}</h3>\n          <p className=\"mt-1 text-xs text-fg-muted\">{repo}</p>\n        </div>\n        <Avatar className=\"size-8\"><AvatarFallback>{author.slice(0, 2).toUpperCase()}</AvatarFallback></Avatar>\n      </div>\n      <div className=\"mt-4 flex gap-2\">\n        <Button size=\"sm\">Review</Button>\n        <Button size=\"sm\" variant=\"outline\">View diff</Button>\n      </div>\n    </div>\n  )\n}\nexport { ReviewRequestCard }\n"
    }
  ]
}