import Image from 'next/image';

export function Brand({compact=false,logoUrl}: {compact?:boolean;logoUrl?:string}) {
  const customLogo=logoUrl&&logoUrl!=='/images/plank-wordmark.png';
  return <span className={`brand brand-official${compact?' brand-compact':''}`}>
    {compact?<Image className="brand-logo" src="/images/plank-symbol.svg" alt="پلانک" width={133} height={172} unoptimized/>:customLogo?<Image
      className="brand-wordmark"
      src={logoUrl}
      alt="پلانک"
      width={4407}
      height={1854}
      decoding="async"
      unoptimized
    />:<>
      <Image className="brand-wordmark brand-wordmark-dark" src="/images/plank-wordmark.png" alt="پلانک" width={4407} height={1854} unoptimized/>
      <Image className="brand-wordmark brand-wordmark-light" src="/images/plank-wordmark-original.png" alt="پلانک" width={4407} height={1854} unoptimized/>
    </>}
  </span>;
}