{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "phone-auth-screen",
  "type": "registry:block",
  "title": "Phone Auth Screen",
  "description": "A screen allowing users to authenticate using their phone number with SMS verification.",
  "dependencies": [
    "@invertase/firebaseui-react"
  ],
  "registryDependencies": [
    "card",
    "separator",
    "https://fir-ui-shadcn-registry.web.app/r/phone-auth-form.json",
    "https://fir-ui-shadcn-registry.web.app/r/multi-factor-auth-assertion-form.json",
    "https://fir-ui-shadcn-registry.web.app/r/redirect-error.json"
  ],
  "files": [
    {
      "path": "src/components/phone-auth-screen.tsx",
      "content": "\"use client\";\n\nimport type { PropsWithChildren } from \"react\";\nimport { getTranslation } from \"@invertase/firebaseui-core\";\nimport { useUI, useOnUserAuthenticated } from \"@invertase/firebaseui-react\";\nimport { Card, CardContent, CardHeader, CardDescription, CardTitle } from \"@/components/ui/card\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { PhoneAuthForm } from \"@/components/phone-auth-form\";\nimport { MultiFactorAuthAssertionScreen } from \"@/components/multi-factor-auth-assertion-screen\";\nimport { RedirectError } from \"@/components/redirect-error\";\nimport type { User } from \"firebase/auth\";\n\nexport type PhoneAuthScreenProps = PropsWithChildren<{\n  onSignIn?: (user: User) => void;\n}>;\n\nexport function PhoneAuthScreen({ children, onSignIn }: PhoneAuthScreenProps) {\n  const ui = useUI();\n\n  const titleText = getTranslation(ui, \"labels\", \"signIn\");\n  const subtitleText = getTranslation(ui, \"prompts\", \"signInToAccount\");\n\n  useOnUserAuthenticated(onSignIn);\n\n  if (ui.multiFactorResolver) {\n    return <MultiFactorAuthAssertionScreen />;\n  }\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          <PhoneAuthForm />\n          {children ? (\n            <>\n              <Separator className=\"my-4\" />\n              <div className=\"space-y-2\">\n                {children}\n                <RedirectError />\n              </div>\n            </>\n          ) : null}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "version": "0.0.2"
  }
}