import React from 'react';
import { Card, CardContent } from '@/components/ui/card';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { FileText } from 'lucide-react';
import TextPromptManager from '../components/prompts/TextPromptManager';

export default function TemplateManagement() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50 p-6">
      <div className="max-w-6xl mx-auto">
        <div className="mb-8">
          <h1 className="text-3xl font-bold text-slate-900 mb-2">模板管理</h1>
          <p className="text-slate-600">创建和管理用于AI生成的图片及文案模板</p>
        </div>

        <Tabs defaultValue="prompt" className="w-full">
          <TabsList className="grid grid-cols-2 w-full">
            <TabsTrigger value="prompt">生图提示词模板</TabsTrigger>
            <TabsTrigger value="copywrite">文案提示词模板</TabsTrigger>
          </TabsList>

          <TabsContent value="prompt">
            <Card className="border-none shadow-lg bg-white/80 backdrop-blur-sm mt-6">
              <CardContent className="p-8">
                <TextPromptManager initialType="prompt" />
              </CardContent>
            </Card>
          </TabsContent>

          <TabsContent value="copywrite">
            <Card className="border-none shadow-lg bg-white/80 backdrop-blur-sm mt-6">
              <CardContent className="p-8">
                <TextPromptManager initialType="copywrite" />
              </CardContent>
            </Card>
          </TabsContent>
        </Tabs>
      </div>
    </div>
  );
}