import type { Metadata } from "next";
import localFont from "next/font/local";

import { Theme } from "@/components/layout/theme";
import { PeopleProvider } from "@/features/people/people-provider";
import { ChargepointProvider } from "@/features/chargepoints/provider";
import { SidebarProvider } from "@/components/layout/sidebar-context";
import "./globals.css";
const outfit = localFont({
  src: "./fonts/outfit-latin.woff2",
  variable: "--font-outfit",
  weight: "100 900",
  display: "swap",
});
export const metadata: Metadata = {
  title: { default: "TIAR Monetization", template: "%s | TIAR Monetization" },
  description: "TIAR Monetization workspace",
  icons: { icon: "/images/logo/logo-icon.svg" },
};
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={outfit.variable}>
        <Theme>
          <PeopleProvider>
            <ChargepointProvider>
              <SidebarProvider>{children}</SidebarProvider>
            </ChargepointProvider>
          </PeopleProvider>
        </Theme>
      </body>
    </html>
  );
}