import { Header } from '@/components/Header';
import { Footer } from '@/components/Footer';
import { Card, CardContent } from '@/components/ui/card';
import { FileCheck } from 'lucide-react';

export default function AdminScriptReview() {
  return (
    <div className="min-h-screen flex flex-col bg-gradient-to-br from-background via-background to-primary/5">
      <Header onSearch={() => {}} />
      
      <main className="flex-1 container mx-auto px-4 py-16">
        <div className="max-w-4xl mx-auto space-y-8">
          <div className="text-center space-y-4">
            <FileCheck className="h-16 w-16 text-primary mx-auto" />
            <h1 className="text-4xl font-bold">Script Review</h1>
            <p className="text-xl text-muted-foreground">
              Review and approve submitted scripts.
            </p>
          </div>
          
          <Card>
            <CardContent className="p-8">
              <p className="text-muted-foreground text-center">
                Script Review functionality coming soon! This will include script evaluation, approval/rejection, and feedback.
              </p>
            </CardContent>
          </Card>
        </div>
      </main>

      <Footer />
    </div>
  );
}