{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "multi-factor-auth-assertion-screen",
  "type": "registry:block",
  "title": "Multi-Factor Auth Assertion Screen",
  "description": "A screen allowing users to complete multi-factor authentication during sign-in with TOTP or SMS options.",
  "dependencies": [
    "@invertase/firebaseui-react"
  ],
  "registryDependencies": [
    "card",
    "https://fir-ui-shadcn-registry.web.app/r/multi-factor-auth-assertion-form.json"
  ],
  "files": [
    {
      "path": "src/components/multi-factor-auth-assertion-screen.tsx",
      "content": "\"use client\";\n\nimport { getTranslation } from \"@invertase/firebaseui-core\";\nimport { useUI, type MultiFactorAuthAssertionScreenProps } from \"@invertase/firebaseui-react\";\n\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { MultiFactorAuthAssertionForm } from \"@/components/multi-factor-auth-assertion-form\";\n\nexport type MultiFactorAuthEnrollmentScreenProps = MultiFactorAuthAssertionScreenProps;\n\nexport function MultiFactorAuthAssertionScreen(props: MultiFactorAuthEnrollmentScreenProps) {\n  const ui = useUI();\n\n  const titleText = getTranslation(ui, \"labels\", \"multiFactorAssertion\");\n  const subtitleText = getTranslation(ui, \"prompts\", \"mfaAssertionPrompt\");\n\n  return (\n    <div className=\"max-w-sm mx-auto\">\n      <Card>\n        <CardHeader>\n          <CardTitle>{titleText}</CardTitle>\n          <CardDescription>{subtitleText}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <MultiFactorAuthAssertionForm {...props} />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "version": "0.0.2"
  }
}