/* Logo — uploaded PNG (transparent) */

function LogoFull({ height = 40 }) {
  return (
    <img
      src="assets/toolbelt-logo.png"
      alt="Toolbelt Apps"
      className="tb-logo"
      style={{ height, width: 'auto', display: 'block' }}
    />
  );
}

function LogoMark({ size = 44 }) {
  return (
    <span style={{
      display: 'inline-block',
      width: size,
      height: size,
      backgroundImage: 'url(assets/toolbelt-logo.png)',
      backgroundRepeat: 'no-repeat',
      backgroundSize: 'auto 100%',
      backgroundPosition: 'left center',
    }} aria-label="Toolbelt Apps" role="img" />
  );
}

Object.assign(window, { LogoMark, LogoFull });