import React from "react";
import Header from "@/app/(presentation-generator)/dashboard/components/Header";

export const APIKeyWarning: React.FC = () => {
  return (
    <div className="min-h-screen font-roboto bg-gradient-to-br from-slate-50 to-slate-100">
      <Header />
      <div className="flex items-center justify-center aspect-video mx-auto px-6">
        <div className="text-center space-y-2 my-6 bg-white p-10 rounded-lg shadow-lg">
          <h1 className="text-xl font-bold text-gray-900">
          Please add "GOOGLE_API_KEY" to enable template creation via AI.
          </h1>
          <h1 className="text-xl font-bold text-gray-900">Please add your OpenAI API Key to process the layout</h1>
          <p className="text-lg text-gray-600 max-w-2xl mx-auto">
            This feature requires an OpenAI model GPT-5. Configure your key in settings or via environment variables.
          </p>
        </div>
      </div>
    </div>
  );
};