// Reusable Chekbooks logo lockup (V3 PNG). Pass `dark` for the on-dark variant
// (white wordmark + teal icon), otherwise the on-light variant (teal wordmark).
// `size` is the rendered HEIGHT of the lockup in px; width scales by the 4.55:1 ratio.
function Logo({ dark = false, size = 64 }) {
  const src = dark
    ? ((window.__resources && window.__resources.logoDark) || 'assets/logo-white.png')
    : ((window.__resources && window.__resources.logoLight) || 'assets/logo-color.png');
  return (
    <img
      src={src}
      alt="Chekbooks — Virtual Bookkeeping"
      style={{ height: size, width: 'auto', display: 'block', flexShrink: 0 }}
    />
  );
}
Object.assign(window, { Logo });