import {
FutureverseAuthProvider,
FutureverseWagmiProvider,
} from '@futureverse/auth-react';
import { QueryClientProvider } from '@tanstack/react-query';
import { State } from 'wagmi';
import { authClient, getWagmiConfig, queryClient } from './config';
const customThemeConfig: ThemeConfig = {
...DefaultTheme,
defaultAuthOption: 'web3',
images: {
logo: '<optional logo svg / image>',
background: '<optional background image>',
},
};
export default function Providers({
children,
initialWagmiState,
}: {
children: React.ReactNode;
initialWagmiState?: State;
}) {
return (
<QueryClientProvider client={queryClient}>
<FutureverseWagmiProvider
getWagmiConfig={getWagmiConfig}
initialState={initialWagmiState}
>
<FutureverseAuthProvider authClient={authClient}>
<AuthUiProvider authClient={authClient} themeConfig={customThemeConfig}>
{children}
</AuthUiProvider>
</FutureverseAuthProvider>
</FutureverseWagmiProvider>
</QueryClientProvider>
);
}