login-signup-google 1.0.0

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "login-signup-google",
+  "version": "1.0.0",
+  "description": "Reusable React Login, Signup and Google Login components",
+  "main": "src/index.js",
+  "keywords": ["react", "login", "signup", "google-auth"],
+  "author": "Your Name",
+  "license": "MIT",
+
+  "peerDependencies": {
+    "react": ">=18"
+  }
+}

package/src/GoogleLogin.jsx

@@ -0,0 +1,26 @@
+// src/GoogleLogin.jsx
+import { useEffect } from "react";
+
+export default function GoogleLogin({ clientId, onSuccess }) {
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://accounts.google.com/gsi/client";
+    script.async = true;
+    script.defer = true;
+    document.body.appendChild(script);
+
+    script.onload = () => {
+      window.google.accounts.id.initialize({
+        client_id: clientId,
+        callback: onSuccess,
+      });
+
+      window.google.accounts.id.renderButton(
+        document.getElementById("googleBtn"),
+        { theme: "outline", size: "large" }
+      );
+    };
+  }, [clientId, onSuccess]);
+
+  return <div id="googleBtn"></div>;
+}

package/src/Login.jsx

@@ -0,0 +1,12 @@
+// src/Login.jsx
+export default function Login({ onLogin }) {
+    return (
+      <div>
+        <h3>Login</h3>
+        <input placeholder="Email" />
+        <input type="password" placeholder="Password" />
+        <button onClick={onLogin}>Login</button>
+      </div>
+    );
+  }
+  

package/src/Signup.jsx

@@ -0,0 +1,12 @@
+// src/Signup.jsx
+export default function Signup({ onSignup }) {
+    return (
+      <div>
+        <h3>Signup</h3>
+        <input placeholder="Email" />
+        <input type="password" placeholder="Password" />
+        <button onClick={onSignup}>Signup</button>
+      </div>
+    );
+  }
+  

package/src/index.js

@@ -0,0 +1,4 @@
+// src/index.js
+export { default as Login } from "./Login";
+export { default as Signup } from "./Signup";
+export { default as GoogleLogin } from "./GoogleLogin";