"use client";

import { useAuth } from "@/contexts/AuthContext";
import { useRouter } from "next/navigation";
import { useEffect } from "react";
import { Layout } from "@/components/layout/Layout";
import ImageGeneratorPage from "@/views/ImageGeneratorPage";
import FeatureGuard from "@/components/auth/FeatureGuard";

export default function ImageGeneratorPageRoute() {
    const { isAuthenticated, loading } = useAuth();
    const router = useRouter();

    useEffect(() => {
        if (!loading && !isAuthenticated) {
            router.push("/login");
        }
    }, [isAuthenticated, loading, router]);

    if (loading || !isAuthenticated) {
        return null;
    }

    return (
        <Layout>
            <FeatureGuard featureId="image-generator">
                <ImageGeneratorPage />
            </FeatureGuard>
        </Layout>
    );
}