// InfinitDev logo — uses the provided PNG asset

function InfinityMark({ size = 40, className = "" }) {
  return (
    <img
      src="assets/infinitdev-logo.png"
      alt="InfinitDev"
      width={size}
      height={size}
      className={className}
      style={{ display: "block", width: size, height: size, objectFit: "contain" }}
    />
  );
}

// Full logo (image already contains wordmark). `size` controls height.
function Logo({ size = 36, variant = "ink" }) {
  return (
    <img
      src="assets/infinitdev-logo.png"
      alt="InfinitDev"
      style={{
        display: "block",
        height: size,
        width: "auto",
        objectFit: "contain",
        filter: variant === "light" ? "brightness(0) invert(1)" : "none",
      }}
    />
  );
}

Object.assign(window, { InfinityMark, Logo });