import Image from 'next/image'

type GreywallLogoProps = {
  className?: string
  size?: 'default' | 'small'
}

const dimensions = {
  default: { width: 285, height: 70 },
  small: { width: 138, height: 40 },
}

export function GreywallLogo({ className = '', size = 'small' }: GreywallLogoProps) {
  const { width, height } = dimensions[size]

  return (
    <Image
      src="/greywall-logo.png"
      alt="Greywall"
      width={width}
      height={height}
      className={className}
      priority
    />
  )
}