{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-3",
  "title": "500 Server Error With Retry",
  "description": "500 server error page with an alert icon, Try Again and Contact Support actions, and a monospace reference code to quote to support.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/error/3/error-block.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nexport default function ErrorBlock() {\n  return (\n    <section className=\"flex min-h-svh w-full flex-col items-center justify-center gap-6 bg-background px-6 py-12 text-center text-foreground\">\n      <div className=\"flex size-16 items-center justify-center rounded-lg border border-border bg-muted/30\">\n        <IconPlaceholder\n          lucide=\"CircleAlert\"\n          tabler=\"IconAlertCircle\"\n          hugeicons=\"AlertCircleIcon\"\n          phosphor=\"WarningCircle\"\n          remixicon=\"RiErrorWarningLine\"\n          className=\"size-8 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2\">\n        <h1 className=\"font-heading text-2xl font-bold tracking-tight sm:text-3xl\">\n          Something went wrong\n        </h1>\n        <p className=\"max-w-md text-sm text-muted-foreground\">\n          An unexpected error occurred while processing your request. Please try\n          again, and contact support if the problem persists.\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2 sm:flex-row\">\n        <Button className=\"w-full sm:w-auto\">\n          <IconPlaceholder\n            lucide=\"RefreshCw\"\n            tabler=\"IconRefresh\"\n            hugeicons=\"RefreshIcon\"\n            phosphor=\"ArrowsClockwise\"\n            remixicon=\"RiRefreshLine\"\n            data-icon=\"inline-start\"\n            aria-hidden=\"true\"\n          />\n          Try Again\n        </Button>\n        <Button\n          variant=\"outline\"\n          render={<a href=\"#\" />}\n          nativeButton={false}\n          className=\"w-full sm:w-auto\"\n        >\n          Contact Support\n        </Button>\n      </div>\n\n      <p className=\"font-mono text-xs text-muted-foreground\">\n        Reference: 7OVR-4F2A9\n      </p>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/error-3.tsx"
    }
  ],
  "meta": {
    "height": "372px",
    "tier": "free"
  },
  "docs": "Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.",
  "categories": [
    "error"
  ],
  "type": "registry:block"
}