/**
 * Stackship wordmark. Picks the colour logo in light mode and the on-dark logo in dark mode;
 * pass `onDark` on surfaces that are always dark. Never recolour or add effects to the logo.
 */
export function Logo({ onDark = false, className = 'h-7' }: { onDark?: boolean; className?: string }) {
  if (onDark) return <img src="/logo-on-dark.svg" alt="Stackship" className={`w-auto ${className}`} />
  return (
    <>
      <img src="/logo.svg" alt="Stackship" className={`w-auto dark:hidden ${className}`} />
      <img src="/logo-on-dark.svg" alt="Stackship" className={`hidden w-auto dark:block ${className}`} />
    </>
  )
}