{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "link",
  "type": "registry:ui",
  "title": "Link",
  "description": "A styled anchor with the accent color, underline on hover and a visible focus ring. Accepts every native anchor prop, so it works with Next.js or plain hrefs.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/link.tsx",
      "type": "registry:ui",
      "target": "components/ui/link.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Link({ className, ...props }: React.ComponentProps<\"a\">) {\n  return (\n    <a\n      data-slot=\"link\"\n      className={cn(\n        \"text-sm font-medium text-accent underline-offset-4 outline-none\",\n        \"hover:underline focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nexport { Link }\n"
    }
  ]
}