import Image from 'next/image';
import { cn } from '@/lib/utils';

const LOGO_SRC = '/brand/chimbo-logo.jpg';

type ChimboLogoProps = {
  variant?: 'full' | 'mark';
  className?: string;
  priority?: boolean;
  alt?: string;
};

/** Official CHIMBO logo — use this everywhere; do not invent alternate marks. */
export function ChimboLogo({
  variant = 'full',
  className,
  priority = false,
  alt = 'CHIMBO — Pata. Ongeza. Uza.',
}: ChimboLogoProps) {
  if (variant === 'mark') {
    return (
      <span className={cn('chimbo-logo-mark', className)}>
        <Image
          src={LOGO_SRC}
          alt={alt}
          width={112}
          height={112}
          priority={priority}
          className="chimbo-logo-mark-img"
        />
      </span>
    );
  }

  return (
    <Image
      src={LOGO_SRC}
      alt={alt}
      width={220}
      height={72}
      priority={priority}
      className={cn('chimbo-logo-full', className)}
    />
  );
}