// Shared wordmark and homepage signpost for the arena.
var ColosseumWordmark = function () {
  return (
    <span className="ib-colosseum-wordmark" role="img" aria-label="Colosseum">
      <span aria-hidden="true">C<span className="ib-colosseum-zero">0</span>LOSSEUM</span>
    </span>
  );
};

var trackColosseumClick = function (placement) {
  if (window.ibaTrack) window.ibaTrack('Colosseum Click', { placement: placement });
};

var ColosseumPromo = function () {
  return (
    <a
      className="ib-colosseum-promo"
      href="https://colosseum.itsbroken.ai"
      onClick={function () { trackColosseumClick('homepage-strip'); }}
    >
      <ColosseumWordmark />
      <span className="ib-colosseum-promo-copy">Talk to characters. Capture flags. Have fun.</span>
      <span className="ib-colosseum-promo-cta">Enter the arena <span aria-hidden="true">→</span></span>
    </a>
  );
};

window.ColosseumWordmark = ColosseumWordmark;
window.ColosseumPromo = ColosseumPromo;
window.trackColosseumClick = trackColosseumClick;