/* Brand logo SVG (yellow plate badge) — used in Nav and Footer.
   Wrap in your own <a href> / <div> as needed.
   Props: size (logo height px), variant ('white' | 'blue'). */
function BrandBadge({ size = 36, basePath = '', variant = 'white' }) {
  const logoFile = variant === 'blue' ? 'logo-blue-no-hourglass.svg' : 'logo-white-no-hourglass.svg';
  const width = Math.round(size * 1113 / 518);

  return (
    <img
      src={basePath + 'images/logo/' + logoFile}
      alt="Onlinekentekencheck.nl"
      width={width}
      height={size}
      style={{ display: 'block', width: width, height: size, flexShrink: 0 }}
    />
  );
}

function BrandWordmark({ size = 16, color = 'white' }) {
  return (
    <span style={{ fontWeight: 800, fontSize: size, color, letterSpacing: '-0.02em', whiteSpace: 'nowrap' }}>
      online<span style={{ color: '#FFD12E' }}>kenteken</span>check.nl
    </span>
  );
}