{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error6",
  "title": "Inline 404 Line",
  "description": "The smallest possible 404: the status code and the message sit on one line separated by a vertical rule, stacking on mobile, with a single outline button underneath.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/error6/error6.tsx",
      "content": "\"use client\";\n\nimport Link from \"next/link\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ActionLink {\n  label: string;\n  href: string;\n}\n\ninterface Error6Props {\n  code?: string;\n  heading?: string;\n  description?: string;\n  link?: ActionLink;\n  className?: string;\n}\n\nexport const error6Demo: Error6Props = {\n  code: \"404\",\n  heading: \"This page could not be found\",\n  description: \"The link is broken or the page has been removed.\",\n  link: {\n    label: \"Back to home\",\n    href: \"https://beste.co\",\n  },\n};\n\nexport function Error6({\n  code,\n  heading,\n  description,\n  link,\n  className,\n}: Error6Props) {\n  return (\n    <section className={cn(\"py-16 md:py-24 w-full\", className)}>\n      <div className=\"mx-auto max-w-2xl px-4 md:px-6\">\n        <div className=\"flex flex-col items-center gap-4 text-center sm:flex-row sm:justify-center sm:gap-6 sm:text-left\">\n          {code && (\n            <p className=\"text-2xl font-semibold tracking-tight md:text-3xl\">\n              {code}\n            </p>\n          )}\n\n          {code && (heading || description) && (\n            <span\n              aria-hidden=\"true\"\n              className=\"hidden h-12 w-px bg-border sm:block\"\n            />\n          )}\n\n          <div>\n            {heading && (\n              <h1 className=\"text-base font-medium md:text-lg\">{heading}</h1>\n            )}\n            {description && (\n              <p className=\"mt-1 text-sm text-muted-foreground\">\n                {description}\n              </p>\n            )}\n          </div>\n        </div>\n\n        {link && (\n          <div className=\"mt-8 flex justify-center\">\n            <Button variant=\"outline\" asChild>\n              <Link href={link.href}>{link.label}</Link>\n            </Button>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/error6.tsx"
    }
  ],
  "type": "registry:block"
}