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