import { GoogleAnalytics } from "@next/third-parties/google";
import clsx from "clsx";
import { Red_Hat_Text, Red_Hat_Mono } from "next/font/google";
import type { ReactNode, CSSProperties, HTMLProps } from "react";
import { I18nProvider } from "./i18n-provider";
import { RestrictedRegionBanner } from "./restricted-region-banner";
import { ToastRegion } from "./toast-region";
import {
IS_PRODUCTION_SERVER,
GOOGLE_ANALYTICS_ID,
AMPLITUDE_API_KEY,
WALLETCONNECT_PROJECT_ID,
MAINNET_RPC,
HERMES_URL,
PYTHNET_RPC,
SIMULATION_PAYER_ADDRESS,
} from "../../config/server";
import { ApiProvider } from "../../hooks/use-api";
import { LoggerProvider } from "../../hooks/use-logger";
import { NetworkProvider } from "../../hooks/use-network";
import { ToastProvider } from "../../hooks/use-toast";
import { Amplitude } from "../Amplitude";
import { Changelog } from "../Changelog";
import { Footer } from "../Footer";
import { Header } from "../Header";
import { MaxWidth } from "../MaxWidth";
import { ReportAccessibility } from "../ReportAccessibility";
import { RouterProvider } from "../RouterProvider";
import { WalletProvider } from "../WalletProvider";
const redHatText = Red_Hat_Text({
subsets: ["latin"],
variable: "--font-sans",
});
const redHatMono = Red_Hat_Mono({
subsets: ["latin"],
variable: "--font-mono",
});
type Props = {
children: ReactNode;
};
export const Root = ({ children }: Props) => (
{children}
{GOOGLE_ANALYTICS_ID && }
{AMPLITUDE_API_KEY && }
{!IS_PRODUCTION_SERVER && }
);
const HtmlWithProviders = ({ lang, ...props }: HTMLProps) => (
);