feat(googlelogin): add container props to div button container

Author: MomenSherif

README.md

@@ -12,7 +12,7 @@ $ npm install @react-oauth/google@latest
 $ yarn add @react-oauth/google@latest
 ```
 
-## Demo
+## Demo & How to use to fetch user details
 
 https://react-oauth.vercel.app/
 

packages/@react-oauth/google/src/GoogleLogin.tsx

@@ -17,6 +17,7 @@ export type GoogleLoginProps = {
   onError?: () => void;
   promptMomentNotification?: MomentListener;
   useOneTap?: boolean;
+  containerProps?: React.ComponentPropsWithoutRef<'div'>;
 } & Omit<IdConfiguration, 'client_id' | 'callback'> &
   GsiButtonConfiguration;
 
@@ -34,6 +35,7 @@ export default function GoogleLogin({
   width,
   locale,
   click_listener,
+  containerProps,
   ...props
 }: GoogleLoginProps) {
   const btnContainerRef = useRef<HTMLDivElement>(null);
@@ -102,6 +104,10 @@ export default function GoogleLogin({
   ]);
 
   return (
-    <div ref={btnContainerRef} style={{ height: containerHeightMap[size] }} />
+    <div
+      {...containerProps}
+      ref={btnContainerRef}
+      style={{ height: containerHeightMap[size], ...containerProps?.style }}
+    />
   );
 }