{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "google-sign-in-button",
  "type": "registry:block",
  "title": "Google Sign In Button",
  "description": "A button component for Google OAuth authentication.",
  "dependencies": [
    "@invertase/firebaseui-react"
  ],
  "registryDependencies": [
    "https://fir-ui-shadcn-registry.web.app/r/oauth-button.json"
  ],
  "files": [
    {
      "path": "src/components/google-sign-in-button.tsx",
      "content": "\"use client\";\n\nimport { GoogleAuthProvider } from \"firebase/auth\";\nimport { getTranslation } from \"@invertase/firebaseui-core\";\nimport { useUI, type GoogleSignInButtonProps, GoogleLogo } from \"@invertase/firebaseui-react\";\n\nimport { OAuthButton } from \"@/components/oauth-button\";\n\nexport type { GoogleSignInButtonProps };\n\nexport function GoogleSignInButton({ provider, ...props }: GoogleSignInButtonProps) {\n  const ui = useUI();\n\n  return (\n    <OAuthButton {...props} provider={provider || new GoogleAuthProvider()}>\n      <GoogleLogo />\n      <span>{getTranslation(ui, \"labels\", \"signInWithGoogle\")}</span>\n    </OAuthButton>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "css": {
    "@layer components": {
      "button[data-provider='google.com'][data-themed='true']": {
        "--google-primary": "#131314",
        "--primary": "var(--google-primary)",
        "--primary-foreground": "var(--color-white)"
      },
      "button[data-provider='google.com'][data-themed='neutral']": {
        "--google-primary": "#F2F2F2",
        "--primary": "var(--google-primary)",
        "--primary-foreground": "var(--color-black)"
      }
    },
    "@variant dark": {
      "button[data-provider='google.com'][data-themed='true']": {
        "--google-primary": "#FFFFFF",
        "--primary": "var(--google-primary)",
        "--primary-foreground": "var(--color-black)"
      }
    }
  },
  "meta": {
    "version": "0.0.2"
  }
}