import React from 'react';

export function PublisherLogo({ className = '' }: { className?: string }) {
  return (
    <div className={`flex items-center gap-3 shrink-0 select-none ${className}`}>
      {/* Official Pillar Gate Emblem with Yellow Ganesha Seal */}
      <div className="relative w-12 h-14 flex items-center justify-center shrink-0">
        <svg viewBox="0 0 100 120" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
          {/* Black Pillar Gate Structure */}
          {/* Top Beam */}
          <rect x="10" y="8" width="80" height="12" rx="4" fill="#000000" />
          <path d="M5 14H95" stroke="#000000" strokeWidth="4" strokeLinecap="round" />
          {/* Second Sub Beam */}
          <rect x="20" y="24" width="60" height="8" fill="#000000" />
          {/* Left Vertical Pillar */}
          <rect x="16" y="8" width="12" height="104" fill="#000000" />
          <circle cx="12" cy="30" r="5" fill="#000000" />
          <circle cx="12" cy="48" r="5" fill="#000000" />
          <circle cx="12" cy="66" r="5" fill="#000000" />
          {/* Right Vertical Pillar */}
          <rect x="72" y="8" width="12" height="104" fill="#000000" />
          <circle cx="88" cy="30" r="5" fill="#000000" />
          <circle cx="88" cy="48" r="5" fill="#000000" />
          <circle cx="88" cy="66" r="5" fill="#000000" />

          {/* Central Circular Seal */}
          <circle cx="50" cy="58" r="26" fill="white" stroke="#000000" strokeWidth="4" />
          <circle cx="50" cy="58" r="20" fill="#ffd700" stroke="#000000" strokeWidth="2" />

          {/* Ganesha Motif in Gold Seal */}
          <path
            d="M50 44C47 44 44 47 44 50C44 54 48 56 50 58C52 60 54 62 54 65C54 68 51 70 48 70C46 70 44 69 43 67"
            stroke="#000000"
            strokeWidth="3"
            strokeLinecap="round"
            fill="none"
          />
          <circle cx="53" cy="47" r="2" fill="#000000" />
          <path d="M42 50H58" stroke="#000000" strokeWidth="2.5" strokeLinecap="round" />
        </svg>
      </div>

      {/* Official Typography */}
      <div className="flex flex-col text-left">
        <span className="font-extrabold text-sm sm:text-base tracking-tight text-[#1d3b66] dark:text-blue-300 font-serif leading-none">
          STANDARD PUBLISHERS (BHARAT)
        </span>
        <span className="font-bold text-[10px] text-zinc-900 dark:text-zinc-200 mt-1 leading-none tracking-tight">
          Publishers, Distributors, Govt. Suppliers, Importer-Exporter
        </span>
        <span className="font-bold text-[11px] text-[#1d3b66] dark:text-blue-400 italic mt-1 leading-none font-serif">
          "All Books under One Roof"
        </span>
      </div>
    </div>
  );
}