import "@fontsource-variable/inter";
import "./globals.css";
import { AuthProvider } from "./auth/auth-context";
import FeedbackHost from "./components/ui/feedback-host";
import { ThemeProvider } from "@/components/theme-provider";
import { TooltipProvider } from "@/components/ui/tooltip";

export const metadata = {
  title: "Order Flow",
  description: "Buyer PO execution from inquiry to shipment closeout.",
};

export default function RootLayout({ children }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body>
        <ThemeProvider>
          <TooltipProvider delayDuration={200}>
            <AuthProvider>{children}</AuthProvider>
            <FeedbackHost />
          </TooltipProvider>
        </ThemeProvider>
      </body>
    </html>
  );
}