import type { ReactNode } from "react";

// Plan O (D-4): the login page is on the design. As in app/(dashboard)/layout.tsx, the theme stylesheet is imported
// in a server component; imported from a client component it shifts React's generated ids and breaks hydration (card 018).
import "@/styles/medora-theme.css";
import { MedoraScope } from "@/components/design-system/medora-scope";
import { Toaster } from "@/components/ui/toast";
import { TooltipProvider } from "@/components/ui/tooltip";

export default function AuthLayout({ children }: { children: ReactNode }) {
  return (
    <div className="medora min-h-dvh bg-background text-foreground">
      <MedoraScope />
      <TooltipProvider>
        <Toaster>{children}</Toaster>
      </TooltipProvider>
    </div>
  );
}