{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-email-list-item",
  "title": "Z Email List Item",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-avatar.json",
    "https://ui.orchid.ai/r/z-date-display.json",
    "https://ui.orchid.ai/r/z-list-item.json",
    "https://ui.orchid.ai/r/z-read-indicator.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/organisms/z-command-palette/z-email-list-item.tsx",
      "content": "\"use client\";\nimport ZListItem from \"../../atoms/z-list-item/z-list-item\";\nimport ZReadIndicator from \"../../atoms/z-read-indicator/z-read-indicator\";\nimport ZAvatar from \"../../atoms/z-avatar/z-avatar\";\nimport ZDateDisplay from \"../../atoms/z-date-display/z-date-display\";\nimport { type ReactNode } from 'react';\ntype Props = {\n    active?: boolean;\n    onClick?: () => void;\n    isRead?: boolean;\n    sender: string;\n    subject: string;\n    date: Date | string;\n    avatar?: ReactNode;\n    className?: string;\n};\nexport default function ZEmailListItem({ active = false, onClick, isRead = false, sender, subject, date, avatar, className, }: Props) {\n    return (<ZListItem active={active} onClick={onClick} background=\"bg-surface-subtle\" className={className}>\n      <div className=\"flex flex-1 items-center gap-3 pl-2\">\n        <div className=\"flex size-4 min-w-4 flex-shrink-0 items-center justify-center\">\n          <ZReadIndicator isRead={isRead}/>\n        </div>\n        <div className=\"text-copy text-neutral\">{sender}</div>\n        <div className=\"text-copy text-neutral-subtle line-clamp-1 flex-1\">{subject}</div>\n        <ZDateDisplay date={date} className=\"flex-shrink-0 text-copy-sm text-neutral-subtle\"/>\n        {avatar || <ZAvatar fallback={sender}/>}\n      </div>\n    </ZListItem>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/organisms/z-command-palette/z-email-list-item.tsx"
    }
  ],
  "type": "registry:ui"
}