{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "back-link",
  "type": "registry:ui",
  "title": "Back link",
  "description": "Small back navigation link with a left arrow icon, muted text that darkens on hover and a visible focus ring. Defaults to the label Back and accepts any href.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/back-link.tsx",
      "type": "registry:ui",
      "target": "components/ui/back-link.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { ArrowLeftIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction BackLink({\n  href = \"#\",\n  children = \"Back\",\n  className,\n}: {\n  href?: string\n  children?: React.ReactNode\n  className?: string\n}) {\n  return (\n    <a\n      data-slot=\"back-link\"\n      href={href}\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-sm font-medium text-fg-muted outline-none transition-[color] duration-[70ms]\",\n        \"hover:text-fg focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg\",\n        className\n      )}\n    >\n      <ArrowLeftIcon className=\"size-3.5\" aria-hidden />\n      {children}\n    </a>\n  )\n}\nexport { BackLink }\n"
    }
  ]
}