import { GoogleAnalytics } from "@next/third-parties/google";
import clsx from "clsx";
import { Red_Hat_Text, Red_Hat_Mono } from "next/font/google";
import { ThemeProvider } from "next-themes";
import type { ReactNode } from "react";
import {
IS_PRODUCTION_SERVER,
GOOGLE_ANALYTICS_ID,
AMPLITUDE_API_KEY,
WALLETCONNECT_PROJECT_ID,
} from "../../server-config";
import { PriceFeedListProvider } from "../../use-price-feed-list";
import { Amplitude } from "../Amplitude";
import { HighlighterProvider } from "../Code/use-highlighted-code";
import { EvmProvider } from "../EvmProvider";
import { Footer } from "../Footer";
import { Header } from "../Header";
import { ReportAccessibility } from "../ReportAccessibility";
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 && }
);