{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "forgot-password-auth-screen",
  "type": "registry:block",
  "title": "Forgot Password Auth Screen",
  "description": "A screen allowing users to reset their password via email.",
  "dependencies": [
    "@invertase/firebaseui-react"
  ],
  "registryDependencies": [
    "card",
    "https://fir-ui-shadcn-registry.web.app/r/forgot-password-auth-form.json"
  ],
  "files": [
    {
      "path": "src/components/forgot-password-auth-screen.tsx",
      "content": "\"use client\";\n\nimport { getTranslation } from \"@invertase/firebaseui-core\";\nimport { useUI, type ForgotPasswordAuthScreenProps } from \"@invertase/firebaseui-react\";\n\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { ForgotPasswordAuthForm } from \"@/components/forgot-password-auth-form\";\n\nexport type { ForgotPasswordAuthScreenProps };\n\nexport function ForgotPasswordAuthScreen(props: ForgotPasswordAuthScreenProps) {\n  const ui = useUI();\n\n  const titleText = getTranslation(ui, \"labels\", \"resetPassword\");\n  const subtitleText = getTranslation(ui, \"prompts\", \"enterEmailToReset\");\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          <ForgotPasswordAuthForm {...props} />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "version": "0.0.2"
  }
}