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