React Native / Expo

// ✅ Mesmo import — funciona em web E mobile sem mudar nada
import { Refirebase } from 'refirebase';
import { RefirebaseProvider, useAuth, useCollection } from 'refirebase/react';

// Metro (React Native / Expo) lê a condição "react-native" no package.json:
// "react-native" → ./dist/native/index.js     (NativeFirebaseAuth)
// "import"       → ./dist/index.js            (FirebaseAuth com popup)

// O resultado: mesmos imports, implementação correta para cada bundler.

// A ÚNICA diferença é como você obtém o token do provider nativo.
// O SDK nativo (ex: @react-native-google-signin) faz o OAuth,
// você só passa o token para o Refirebase:

import { GoogleSignin } from '@react-native-google-signin/google-signin';

const { user, signInWithGoogle } = useAuth();

const handleGoogleLogin = async () => {
  const { idToken } = await GoogleSignin.signIn(); // ← SDK nativo
  await signInWithGoogle({ idToken });             // ← refirebase
};

// app/firebase.ts (Expo / React Native)
import { Refirebase } from 'refirebase'; // ← mesmo import do web!

export const firebase = new Refirebase({
  apiKey: process.env.EXPO_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.EXPO_PUBLIC_FIREBASE_AUTH_DOMAIN,
  // ... demais chaves
});

export const { db, auth } = firebase;

// app/_layout.tsx (Expo Router)
import { RefirebaseProvider } from 'refirebase/react'; // ← mesmo import do web!
import { firebase } from './firebase';

export default function RootLayout() {
  return (
    <RefirebaseProvider instance={firebase}>
      <Stack />
    </RefirebaseProvider>
  );
}