'use client'

import { Language } from '@/lib/types'

interface LanguageToggleProps {
  lang: Language
  onToggle: () => void
}

export default function LanguageToggle({ lang, onToggle }: LanguageToggleProps) {
  return (
    <button
      onClick={onToggle}
      className="fixed top-4 right-4 z-40 flex items-center gap-1
        px-3 py-1.5 rounded-full bg-white/[0.06] backdrop-blur-sm
        border border-white/10 text-xs font-medium
        hover:bg-white/[0.1] transition-all"
    >
      <span className={lang === 'de' ? 'text-white' : 'text-white/40'}>DE</span>
      <span className="text-white/20 mx-1">|</span>
      <span className={lang === 'en' ? 'text-white' : 'text-white/40'}>EN</span>
    </button>
  )
}
