import Image from 'next/image';

const Logo = ({ width = 150, height = 50, ...props }) => (
  <Image 
    src="/logo.webp" 
    alt="Logo" 
    width={width} 
    height={height}
    priority={true}
    fetchPriority="high"
    loading="eager"
    quality={95}
    placeholder="blur"
    blurDataURL="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZWNlY2VjIi8+PC9zdmc+"
    {...props} 
  />
);

export default Logo;