// EW Logo — uses Ewan's actual logo file
function EWLogo({ size = 44, color = "currentColor" }) {
  // Use CSS mask so the PNG recolors with currentColor (respects dark/light theme)
  const style = {
    display: "inline-block",
    width: size,
    height: size,
    backgroundColor: color,
    WebkitMaskImage: "url(images/EW_Logo.png)",
    maskImage: "url(images/EW_Logo.png)",
    WebkitMaskRepeat: "no-repeat",
    maskRepeat: "no-repeat",
    WebkitMaskPosition: "center",
    maskPosition: "center",
    WebkitMaskSize: "contain",
    maskSize: "contain",
    verticalAlign: "middle",
  };
  return <span aria-label="Ewan Wills" style={style} />;
}

window.EWLogo = EWLogo;