/**
 * 로고 컴포넌트
 */
export function Logo() {
  return (
    <div className="flex items-center gap-1.5">
      <svg viewBox="0 0 512 512" className="h-6 w-6">
        <defs>
          <linearGradient id="logo-g" x1="0%" y1="0%" x2="100%" y2="100%">
            <stop offset="0%" style={{stopColor:'#2563eb'}}/>
            <stop offset="100%" style={{stopColor:'#7c3aed'}}/>
          </linearGradient>
        </defs>
        <rect width="512" height="512" rx="96" fill="url(#logo-g)"/>
        <path d="M160 120 h180 a72 72 0 0 1 0 144 H220 v128"
              fill="none" stroke="white" strokeWidth="56" strokeLinecap="round" strokeLinejoin="round"/>
        <path d="M300 340 l50 -40 l50 40"
              fill="none" stroke="rgba(255,255,255,0.6)" strokeWidth="36" strokeLinecap="round" strokeLinejoin="round"/>
        <path d="M300 400 l50 -40 l50 40"
              fill="none" stroke="rgba(255,255,255,0.3)" strokeWidth="36" strokeLinecap="round" strokeLinejoin="round"/>
      </svg>
      <span className="text-sm font-black tracking-tight bg-gradient-to-r from-blue-600 to-violet-600 bg-clip-text text-transparent">
        PIPELINE
      </span>
    </div>
  );
}
