'use client';

interface CompanionStatusProps {
  className?: string;
}

export default function CompanionStatus({ className = '' }: CompanionStatusProps) {
  // Alpha: always disconnected
  const isConnected = false;
  const statusMessage = "Companion app available in production";

  return (
    <div className={`flex items-center gap-3 ${className}`}>
      <div className="flex items-center gap-2">
        <div className={`w-2 h-2 rounded-full ${isConnected ? 'bg-performance-green' : 'bg-gray-500'}`} />
        <span className="text-sm text-gray-400">
          Companion App: <span className={isConnected ? 'text-performance-green' : 'text-gray-400'}>
            {isConnected ? 'Connected' : 'Disconnected'}
          </span>
        </span>
      </div>
      <span className="text-xs text-gray-500">
        {statusMessage}
      </span>
    </div>
  );
}