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

const ConnectionState: React.FC = () => (
  <div className="flex flex-col items-center justify-center h-full text-slate-800 animate-pulse">
    <Loader2 size={48} className="animate-spin text-teal-600 mb-4" />
    <p className="font-bold uppercase tracking-widest text-xs">Opening Neural Bridge...</p>
  </div>
);

export default React.memo(ConnectionState);