{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footnote",
  "title": "Footnote",
  "description": "small print / disclosure, last on the page",
  "dependencies": [
    "cn@^0.4.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/kit/footnote.tsx",
      "content": "import { cn } from 'cn';\nimport Link from 'next/link';\n\ntype Props = {\n  children: string;\n  /** Trailing link: \"Learn more\", \"Read the terms\". */\n  action?: { label: string; href?: string; onClick?: () => void };\n  className?: string;\n};\n\n/** Small print at the foot of a page: disclosures, legal copy, data notes. */\nexport function Footnote({ children, action, className }: Props) {\n  const linkClass = 'focus-visible:ring-ring/50 self-start rounded-sm text-xs font-semibold underline underline-offset-2 outline-none focus-visible:ring-[3px]';\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <p className=\"text-muted-foreground text-xs leading-5\">{children}</p>\n      {action ? (\n        action.href ? (\n          <Link href={action.href} className={linkClass}>\n            {action.label}\n          </Link>\n        ) : (\n          <button type=\"button\" onClick={action.onClick} className={linkClass}>\n            {action.label}\n          </button>\n        )\n      ) : null}\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/footnote.tsx"
    }
  ],
  "meta": {
    "exports": [
      "Footnote"
    ],
    "api": "<Footnote action?={{label,href|onClick}}>{copy}</Footnote>"
  },
  "docs": "Needs the kit theme (`@kit/theme`) and a next-themes ThemeProvider (attribute=\"class\") at the root.",
  "categories": [
    "layout"
  ],
  "type": "registry:component"
}