'use client';

import { useLanguage } from './LanguageProvider';

export default function MissionStatus() {
  const { language } = useLanguage();
  
  const status = {
    en: {
      title: "AI Status",
      ready: "Ready to Help!",
      online: "Online"
    },
    de: {
      title: "KI-Status",
      ready: "Bereit zu helfen!",
      online: "Online"
    }
  };

  return (
    <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 z-50">
      <div className="bg-gradient-to-r from-slate-800 via-gray-800 to-slate-800 rounded-2xl p-3 border-2 border-amber-400 shadow-2xl backdrop-blur-sm">
        
        {/* Simple status */}
        <div className="flex items-center space-x-4">
          <div className="flex items-center space-x-2">
            <div className="w-3 h-3 bg-green-400 rounded-full animate-pulse"></div>
            <span className="text-green-300 text-sm font-medium">{status[language].online}</span>
          </div>
          <div className="text-amber-300 text-sm font-bold">{status[language].ready}</div>
        </div>
        
      </div>
    </div>
  );
}
