/* T-AV — Brand mark using the real asset PNG from /assets */
function TAVLogo({ size = 28, withUrl = false, className = '', glow = true }) {
  const src = withUrl ? 'assets/tav-logo-with-url.png' : 'assets/tav-logo.png';
  // Maintain native aspect: tav-logo.png ~ 2.6:1, with-url ~ 3.2:1.55
  const w = withUrl ? size * 3.2 : size * 2.6;
  const h = withUrl ? size * 1.55 : size;
  return (
    <img
      src={src}
      alt="T-AV"
      width={w}
      height={h}
      className={(className || '') + (glow ? ' tav-glow' : '')}
      style={{ display: 'block', objectFit: 'contain' }}
      draggable="false"
    />
  );
}

/* Compact mark — also from asset, cropped square via CSS */
function TAVMark({ size = 22, className = '' }) {
  return (
    <img
      src="assets/tav-logo.png"
      alt="T-AV"
      width={size * 2.6}
      height={size}
      className={className}
      style={{ display: 'block', objectFit: 'contain' }}
      draggable="false"
    />
  );
}

window.TAVLogo = TAVLogo;
window.TAVMark = TAVMark;