import React from 'react';
import { FirebaseAppProvider, useFirestoreDocData, useFirestore, SuspenseWithPerf } from 'reactfire'
const firebaseConfig = {
 /* Add your config from the Firebase Console */
 apiKey: "x", // Auth / General Use
 appId: "x", // General Use
 projectId: "x", // General Use
 authDomain: "x", // Auth with popup/redirect
 databaseURL: "x", // Realtime Database
 //storageBucket: "x", // Storage
 //messagingSenderId: "x", // Cloud Messaging
 //measurementId: "x" // Analytics
};
function PixFirebaseData(){
 const dataRef = useFirestore().collection('events')
 const burrito = useFirestoreDocData(dataRef);
 console.log(burrito)
 //return <p>The burrito is {burrito.events.event.name}!</p>;
 return <p>Test</p>
}
const TemplateDefault = () =>{
 return <FirebaseAppProvider firebaseConfig={firebaseConfig}>
 <h1>Essai Firebase</h1>
 <SuspenseWithPerf fallback={<p>Loading Firebase</p>} traceId={'testload'}>
 <PixFirebaseData />
 </SuspenseWithPerf>
 </FirebaseAppProvider>
}
export default TemplateDefault;