/**
 * Logo — marca oficial Conversapp, extraída da identidade visual (PDF).
 * Usa o PNG real (não uma recriação). Duas variantes:
 *   variant="branco" — wordmark branco (sobre fundo azul/escuro: nav no hero)
 *   variant="navy"   — wordmark navy   (sobre fundo claro: footer, seções claras)
 */
const Logo = ({ height = 30, variant = 'branco', className = '' }) => {
  const src = variant === 'navy' ? 'assets/logo-navy.png' : 'assets/logo-branco.png';
  return (
    <img
      className={`brand-logo ${className}`}
      src={src}
      alt="Conversapp"
      style={{ height, width: 'auto', display: 'block' }}
    />
  );
};

window.Logo = Logo;