import Image from "next/image"

export type LogoSize = "large" | "medium" | "sm"

interface LogoProps {
  size?: LogoSize
  className?: string
}

const sizeClasses: Record<LogoSize, string> = {

  large: "h-28 w-auto", 

  medium: "h-16 w-auto", 

  sm: "h-8 w-auto", 
}

export function Logo({ size = "medium", className = "" }: LogoProps) {
  return (
    <div className={`flex items-center justify-center ${className}`}>
      <Image
        src="/wibix-logo.png"
        alt="WibiX logo"
        width={160}
        height={160}
        className={`${sizeClasses[size]} object-contain`}
        priority
      />
    </div>
  )
}