"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { useAuthStore } from "@/store/auth-store";
import { AppShell } from "@/components/layout/AppShell";
export default function ProtectedLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const { user, hydrated } = useAuthStore();
  const router = useRouter();
  useEffect(() => {
    if (hydrated && !user && !localStorage.getItem("refresh_token"))
      router.replace("/login");
  }, [hydrated, user, router]);
  return <AppShell>{children}</AppShell>;
}