import Image from 'next/image'

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

export function Logo({ size = 36, className = '' }: LogoProps) {
  return (
    <Image
      src="/logo.svg"
      alt="Lageplan"
      width={size}
      height={size}
      className={`rounded-lg ${className}`}
      priority
    />
  )
}

export function LogoRound({ size = 56, className = '' }: LogoProps) {
  return (
    <Image
      src="/logo.svg"
      alt="Lageplan"
      width={size}
      height={size}
      className={`rounded-full ${className}`}
      priority
    />
  )
}
