import { __ } from '../lib/i18n';

interface FullLogoProps {
  pluginUrl?: string;
}

export function FullLogo({ pluginUrl }: FullLogoProps) {
  const getPluginUrl = () => {
    return pluginUrl || (window as any).llmagnetDashboardData?.pluginUrl || '';
  };

  return (
    <div className="flex items-center gap-3">
      <img 
        src={`${getPluginUrl()}assets/react-build/assets/llmmagnetlogo.svg`}
        alt={__('LLMagnet', 'llmagnet-llm-txt-generator')} 
        className="w-9 h-9"
        onError={(e) => {
          // Fallback if the icon doesn't load
          const target = e.target as HTMLImageElement;
          target.onerror = null;
          // Try development path
          target.src = `${getPluginUrl()}src/assets/images/llmmagnetlogo.svg`;
        }}
      />
      <span className="text-[15px] font-medium text-gray-900" style={{ fontFamily: 'Satoshi, sans-serif' }}>
        LLMagnet
      </span>
    </div>
  );
}