// @ts-ignore
import plooginsLogo from './ploogins.svg'

interface LogoProps {
    size?: 'small' | 'medium' | 'large';
}

const Logo = ({ size = 'medium' }: LogoProps) => {
    const sizeClasses = {
        small: 'max-h-5 w-auto max-w-full',
        medium: 'max-h-8 w-auto max-w-full',
        large: 'max-h-12 w-auto max-w-full'
    };

    return(
        <img className={sizeClasses[size]} src={plooginsLogo} alt="Ploogins" loading="lazy" />
    )

}

export default Logo;
