/* global React */
// Jullia — the drawn ink-signature mark (the "J" set as a treble clef). Kit-local:
// renders the real logo artwork as an image, in the variant that reads against the
// surface it sits on. Replaces the old text Wordmark for this site.

function Logo({ variant = 'white', height = 26, className = '', style = {}, ...rest }) {
  const src = variant === 'black' ? 'assets/logo/jullia-logo-black.svg' : 'assets/logo/jullia-logo-white.svg';
  return (
    <img
      src={src}
      alt="Jullia"
      height={height}
      className={className}
      style={{ display: 'block', width: 'auto', height, ...style }}
      {...rest}
    />
  );
}

window.Logo = Logo;
