// components/brand-logo.jsx — locked Ambady lockup (uploaded asset only)

var BRAND_LOGO_SRC = 'images/brand/ambady-logo.png';
var BRAND_MARK_SRC = 'images/brand/ambady-mark.png';

var BRAND_LOGO_WIDTH = {
  header: 152,
  headerCompact: 118,
  footer: 168,
  drawer: 136,
  auth: 148,
  checkout: 120,
  mark: 40,
};

function BrandLogo({ variant, linked, light }) {
  var v = variant || 'header';
  var width = BRAND_LOGO_WIDTH[v] || BRAND_LOGO_WIDTH.header;
  var src = v === 'mark' ? BRAND_MARK_SRC : BRAND_LOGO_SRC;
  var className = 'brand-logo brand-logo--' + v + (light ? ' brand-logo--light' : '');
  var img = (
    <img
      className={className}
      src={src}
      alt="Ambady Pebbles Garden"
      width={width}
      decoding="async"
    />
  );
  if (linked === false) return img;
  return (
    <a href="#/" className="brand-logo-link" aria-label="Ambady Pebbles Garden home">
      {img}
    </a>
  );
}

window.BrandLogo = BrandLogo;
window.Logo = BrandLogo;