import type { Metadata } from "next";
import "./globals.css";
import QueryProvider from "@/app/QueryProvider";
import { AppHeader } from "@/app/components/AppHeader";
import { AppSidebar } from "@/app/components/AppSidebar";
import { AppFooter } from "@/app/components/AppFooter";
import { ToastProvider } from "@/app/components/ui/ToastProvider";


export const metadata: Metadata = {
  title: "msg App",
  description: "msg App",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>
        <QueryProvider>
          <ToastProvider>
            <AppHeader />
            <div style={{ display: "flex", minHeight: "80vh" }}>
              <AppSidebar />
              <main style={{ flex: 1, padding: 16 }}>{children}</main>
            </div>
            <AppFooter />
          </ToastProvider>
        </QueryProvider>
      </body>
    </html>
  );
}
