{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-error-detail",
  "title": "Z Error Detail",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-error-detail/z-error-detail.tsx",
      "content": "\"use client\";\nimport { cn } from \"../../../lib/ui-utils\";\nimport type { ComponentProps } from 'react';\ntype ZErrorDetailProps = ComponentProps<'div'> & {\n    collapsible?: boolean;\n    summary?: string;\n};\nexport function ZErrorDetail({ children, className, collapsible = false, summary = 'Error details', ...props }: ZErrorDetailProps) {\n    const content = (<div className={cn('bg-surface-subtle text-neutral-subtle rounded-[10px] px-4 py-3 text-xs', className)} {...props}>\n      <pre className=\"whitespace-pre-wrap\">{children}</pre>\n    </div>);\n    if (collapsible) {\n        return (<details className=\"w-full\">\n        <summary className=\"text-danger cursor-pointer text-sm font-medium\">{summary}</summary>\n        <div className=\"mt-2\">{content}</div>\n      </details>);\n    }\n    return content;\n}\nexport default ZErrorDetail;\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-error-detail/z-error-detail.tsx"
    }
  ],
  "type": "registry:ui"
}