import { Suspense } from "react";

import { AppAuthGate } from "@/components/layout/app-auth-gate";
import { DailyReminderProvider } from "@/components/reminders/daily-reminder-provider";

export default function AppLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <Suspense fallback={<div className="min-h-svh bg-background" />}>
      <AppAuthGate>
        <DailyReminderProvider />
        {children}
      </AppAuthGate>
    </Suspense>
  );
}