snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/radix/blocks/preview-02/cards/qr-connect.tsx

@@ -0,0 +1,40 @@
+"use client"
+
+import QRCode from "react-qr-code"
+
+import { Button } from "@/registry/bases/radix/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/registry/bases/radix/ui/card"
+
+export function QrConnect() {
+  return (
+    <Card>
+      <CardContent className="flex justify-center pt-6">
+        <div className="rounded-xl border bg-white p-4">
+          <QRCode
+            value="https://ledger.app/connect/jd-4829"
+            size={160}
+            level="M"
+          />
+        </div>
+      </CardContent>
+      <CardHeader className="text-center">
+        <CardTitle>Scan to connect your mobile device</CardTitle>
+        <CardDescription>
+          Open the Ledger mobile app and scan this code to link your device.
+        </CardDescription>
+      </CardHeader>
+      <CardFooter>
+        <Button variant="secondary" className="w-full">
+          Got it
+        </Button>
+      </CardFooter>
+    </Card>
+  )
+}