// logo.jsx — Reusable Brand Logo component for Herely.

function BrandLogo({ style, onClick, href }) {
  const inner = (
    <>
      <span className="pulse-mark" style={{ "--accent": "var(--m-teal)" }}>
        <span className="p-ring"></span><span className="p-ring r2"></span><span className="p-ring r3"></span>
        <span className="dot"></span>
      </span>
      <span className="pulse-word">herel<span className="y">y</span></span>
    </>
  );

  if (href !== undefined) {
    return (
      <a className="pulse-row brand-link" style={style} onClick={onClick} href={href}>
        {inner}
      </a>
    );
  }

  return (
    <div className="pulse-row brand-logo" style={style} onClick={onClick}>
      {inner}
    </div>
  );
}

// Export to window so other Babel scripts can use BrandLogo as a global
window.BrandLogo = BrandLogo;