import { FileUp } from 'lucide-react';

export default function BatchPage() {
  return (
    <div className="min-h-screen p-8">
      <div className="max-w-7xl mx-auto space-y-8">
        <div>
          <h1 className="text-4xl font-bold mb-2">Batch Operations</h1>
          <p className="text-muted-foreground">
            Process multiple colors at once with CSV/JSON upload
          </p>
        </div>

        <div className="flex items-center justify-center min-h-[400px]">
          <div className="text-center space-y-4">
            <FileUp className="h-16 w-16 mx-auto text-muted-foreground" />
            <h2 className="text-2xl font-semibold">Coming Soon</h2>
            <p className="text-muted-foreground max-w-md">
              Batch operations will allow you to upload CSV or JSON files with multiple colors
              and apply transformations to all of them at once.
            </p>
            <div className="text-sm text-muted-foreground">
              <p className="font-semibold mb-2">Planned features:</p>
              <ul className="space-y-1">
                <li>• Upload CSV/JSON color lists</li>
                <li>• Bulk format conversion</li>
                <li>• Apply operations to all colors</li>
                <li>• Export results in multiple formats</li>
                <li>• Progress tracking for large batches</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}