{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "commit-row",
  "type": "registry:ui",
  "title": "Commit row",
  "description": "Git commit row for React with author avatar, commit message, relative time, a short SHA badge and a copy button for the hash. Fits deploy logs.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/avatar.json",
    "https://ui.minidev.pro/r/copy-button.json",
    "https://ui.minidev.pro/r/relative-time.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/commit-row.tsx",
      "type": "registry:ui",
      "target": "components/ui/commit-row.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\"\nimport { CopyButton } from \"@/components/ui/copy-button\"\nimport { RelativeTime } from \"@/components/ui/relative-time\"\n\nfunction CommitRow({\n  sha = \"a1b2c3d\",\n  message = \"Raise Premium motion bar\",\n  author = \"Aman\",\n  date = new Date().toISOString(),\n  className,\n}: {\n  sha?: string\n  message?: string\n  author?: string\n  date?: string | Date\n  className?: string\n}) {\n  return (\n    <div data-slot=\"commit-row\" className={cn(\"flex items-center gap-3 border-b border-border px-3 py-2.5\", className)}>\n      <Avatar className=\"size-7\"><AvatarFallback>{author.slice(0, 2).toUpperCase()}</AvatarFallback></Avatar>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-sm font-medium text-fg\">{message}</p>\n        <p className=\"text-xs text-fg-muted\">{author} · <RelativeTime date={date} /></p>\n      </div>\n      <code className=\"rounded-md border border-border bg-sunken px-1.5 py-0.5 font-mono text-[11px] text-fg\">{sha}</code>\n      <CopyButton value={sha} aria-label=\"Copy SHA\" />\n    </div>\n  )\n}\nexport { CommitRow }\n"
    }
  ]
}