/* Xochiatl Logo: using external PNG files */

function XochiatlLogo({ size = 40, mono = false }) {
  const logoPath = mono 
    ? 'Images/Logos/Xochiatl - Logo (Monocromático).png'
    : 'Images/Logos/Xochiatl - Logo (Color).png';

  return (
    <img 
      src={logoPath}
      alt="Xochiatl Logo"
      width={size}
      height={size}
      style={{
        width: size,
        height: size,
        display: 'block',
        objectFit: 'contain',
      }}
    />
  );
}

/* Set favicon on load */
document.addEventListener('DOMContentLoaded', () => {
  const link = document.querySelector("link[rel*='icon']") || document.createElement('link');
  link.type = 'image/png';
  link.rel = 'icon';
  link.href = 'Images/Logos/Xochiatl - Logo (Monocromático).png';
  document.head.appendChild(link);
});

Object.assign(window, { XochiatlLogo });