import { useBootstrapAuth } from "@/hooks/useBootstrapAuth";
import { Outlet, Navigate } from "react-router";
import { useAuthStore } from "@/store/AuthStore";
import { Toaster } from "@/components/ui/toaster";
import LoadingOverlaySkeleton from "@/components/skeleton/LoadingOverlaySkeleton";

const BaseLayout = () => {
    const { loading } = useBootstrapAuth();
    const accessToken = useAuthStore((state) => state.accessToken);

    if (loading) return <LoadingOverlaySkeleton />;
    if (!accessToken) return <Navigate to="/login" replace />;

    return (
        <>
            <Toaster />
            <Outlet />
        </>
    );
};

export default BaseLayout;