interface TowerLogoProps {
  size?: 'sm' | 'md' | 'lg'
  showText?: boolean
  className?: string
}

export function TowerLogo({ size = 'md', showText = true, className = '' }: TowerLogoProps) {
  const sizeClasses = {
    sm: 'w-12 h-12',
    md: 'w-20 h-20',
    lg: 'w-32 h-32'
  }

  const textSizes = {
    sm: 'text-2xl',
    md: 'text-4xl',
    lg: 'text-6xl'
  }

  return (
    <div className={`text-center ${className}`}>
      <div className={`inline-flex items-center justify-center ${sizeClasses[size]} rounded-2xl mb-4 text-6xl`}>
        🗼
      </div>
      {showText && (
        <>
          <h1 className={`${textSizes[size]} font-mono font-bold text-[var(--foreground)] mb-2`}>
            TowerControl
          </h1>
          <p className="text-[var(--muted-foreground)] text-lg">
            Tour de contrôle de vos projets
          </p>
        </>
      )}
    </div>
  )
}
