import { AuthGuard } from "@/app/_components/auth-guard";
import { MobileNav } from "@/app/_components/mobile-nav";
import { ReminderRunner } from "@/app/_components/reminder-runner";
import { Sidebar } from "@/app/_components/sidebar";

export default function AuthedLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <AuthGuard>
      <ReminderRunner />
      <div className="flex min-h-screen bg-[#F9F9F9] dark:bg-neutral-950">
        <Sidebar />
        <div className="min-w-0 flex-1">
          <MobileNav />
          <main className="p-4 pb-24 sm:p-6 lg:p-8">{children}</main>
        </div>
      </div>
    </AuthGuard>
  );
}