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