import React from 'react';
import { BrainCircuit } from 'lucide-react';

const AnalyzingState: React.FC = () => (
  <div className="flex flex-col items-center justify-center h-full text-slate-800">
    <div className="bg-white p-12 rounded-full shadow-lg border border-teal-100 mb-8 relative">
       <BrainCircuit size={64} className="text-teal-600 animate-pulse" />
       <div className="absolute inset-0 border-4 border-teal-500 border-t-transparent rounded-full animate-spin"></div>
    </div>
    <h2 className="text-2xl font-bold mb-2">Generating Report</h2>
    <p className="text-slate-500 text-center max-w-sm">Synthesizing vocal patterns and cognitive restructuring evidence...</p>
  </div>
);

export default React.memo(AnalyzingState);