{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"recovery-code-2","type":"registry:block","title":"Recovery Code 2","description":"","dependencies":["lucide-react"],"registryDependencies":["https://www.diarmuradi.com/r/styles/base-nova/button.json","https://www.diarmuradi.com/r/styles/base-nova/fancy-button.json","https://www.diarmuradi.com/r/styles/base-nova/field.json","https://www.diarmuradi.com/r/styles/base-nova/input.json"],"files":[{"path":"recovery-code.tsx","type":"registry:block","content":"\"use client\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Field, FieldLabel } from \"@/components/ui/field\"\nimport { Input } from \"@/components/ui/input\"\nimport { FancyButton } from \"@/components/fancy-button\"\nimport { ShieldIcon } from 'lucide-react'\n\nexport function RecoveryCode() {\n  return (\n    <main className=\"flex w-full max-w-md flex-col gap-6 rounded-3xl bg-card p-6 shadow-elevated-lg\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <div className=\"relative flex size-14 items-center justify-center\">\n          <div className=\"absolute inset-0 scale-125 rounded-full bg-primary/10 mask-t-from-20% mask-t-to-100%\" />\n          <div className=\"relative z-10 flex size-14 items-center justify-center rounded-full bg-card ring ring-primary/10 ring-inset\">\n            <ShieldIcon  className=\"size-6 text-primary\" />\n          </div>\n        </div>\n        <div className=\"text-center\">\n          <h1 className=\"text-xl font-semibold\">Recovery Code</h1>\n          <p className=\"text-md text-muted-foreground\">\n            Enter the recovery code you saved when setting up your account.\n          </p>\n        </div>\n      </div>\n\n      <form className=\"flex flex-col gap-3\">\n        <Field className=\"gap-1\">\n          <FieldLabel htmlFor=\"recovery-code\">Recovery Code</FieldLabel>\n          <Input\n            id=\"recovery-code\"\n            type=\"text\"\n            placeholder=\"ABCD-EFGH-IJKL-MNOP\"\n            spellCheck={false}\n            autoComplete=\"off\"\n            className=\"h-10\"\n          />\n        </Field>\n\n        <FancyButton type=\"submit\" className=\"h-10\">\n          Verify Code\n        </FancyButton>\n      </form>\n\n      <Button type=\"button\" variant=\"link\" className=\"h-auto p-0 text-sm\">\n        Back to login\n      </Button>\n    </main>\n  )\n}","target":"components/recovery-code.tsx"}]}