{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-member-row",
  "type": "registry:ui",
  "title": "Team member row",
  "description": "Team member row with an initials avatar, name, email and a role badge, truncating cleanly in narrow lists. Built for team pages and member management in React.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/avatar.json",
    "https://ui.minidev.pro/r/badge.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/team-member-row.tsx",
      "type": "registry:ui",
      "target": "components/ui/team-member-row.tsx",
      "content": "\"use client\"\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TeamMemberRow({\n  name = \"Sam Rivera\",\n  email = \"sam@acme.co\",\n  role = \"Admin\",\n  className,\n}: {\n  name?: string\n  email?: string\n  role?: string\n  className?: string\n}) {\n  return (\n    <div data-slot=\"team-member-row\" className={cn(\"flex items-center gap-3 border-b border-border px-3 py-2.5 last:border-b-0\", className)}>\n      <Avatar className=\"size-8\">\n        <AvatarFallback>{name.slice(0, 2).toUpperCase()}</AvatarFallback>\n      </Avatar>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-sm font-medium text-fg\">{name}</p>\n        <p className=\"truncate text-xs text-fg-muted\">{email}</p>\n      </div>\n      <Badge variant=\"outline\">{role}</Badge>\n    </div>\n  )\n}\nexport { TeamMemberRow }\n"
    }
  ]
}