/* =====================================================================
   CompanionCard — link to the companion essay "The Bottleneck",
   the full argument with every figure and citation.
   Exports: window.CompanionCard
   ===================================================================== */
(function () {
  const { useEffect } = React;

  function CompanionCard({ href = "#" }) {
    useEffect(() => { if (window.lucide) window.lucide.createIcons(); });
    return (
      <a className="wp-companion ui" href={href}>
        <div className="wp-companion-spine" aria-hidden="true">
          <img src={(window.__resources && window.__resources.logoMark) || "assets/logo-mark.svg"} alt="" width="26" height="26" />
        </div>
        <div className="wp-companion-body">
          <span className="wp-companion-eyebrow">Companion essay</span>
          <span className="wp-companion-title">The Bottleneck</span>
          <span className="wp-companion-desc">
            The full argument — the four compute walls, every figure and citation.
          </span>
          <span className="wp-companion-meta">
            <span className="wp-companion-tag"><i data-lucide="layers" aria-hidden="true"></i> The full argument</span>
            <span className="wp-companion-tag"><i data-lucide="quote" aria-hidden="true"></i> Figures + citations</span>
          </span>
        </div>
        <div className="wp-companion-go" aria-hidden="true">
          <i data-lucide="arrow-right"></i>
        </div>
      </a>
    );
  }

  window.CompanionCard = CompanionCard;
})();