/* global React, window */
/* The wordmark in a top bar. Reads window.DEMO_BRAND so no shell has to know
   whose demo it is; the shells keep their own wrapper span, since the slot
   differs per screen while its contents do not. */
function BrandMark() {
  const b = window.DEMO_BRAND || {};
  if (b.mark) return <img className="brand-mark" src={b.mark} alt={b.name || "Brand"} />;
  return <React.Fragment>MAKER<b>/</b>SIGHTS</React.Fragment>;
}
Object.assign(window, { BrandMark });