/* ─────────────────────────────────────────────
   Brand mark `{` — typographic logo.
   No SVG. Just the glyph.
   Use as: <span className="brand-mark" style={{fontSize: size}}>{'{'}</span>
   ───────────────────────────────────────────── */
window.InoculateLogo = function (props) {
  const size = (props && props.size) || 16;
  const color = (props && props.color) || null;
  const style = { fontSize: size + 'px' };
  if (color) style.color = color;
  return React.createElement('span', {
    className: 'brand-mark',
    style: style,
    'aria-hidden': 'true'
  }, '{');
};

/* Brand pair: mark + wordmark */
window.InoculateBrand = function (props) {
  const size = (props && props.size) || 14;
  const color = (props && props.color) || null;
  const Logo = window.InoculateLogo;
  return React.createElement('span', {
    className: 'brand',
    style: color ? { color: color } : {}
  },
    React.createElement(Logo, { size: size + 4, color: null }),
    React.createElement('span', { style: { fontSize: size + 'px', lineHeight: 1 } },
      'inoculate'
    )
  );
};