import Link from 'next/link'
import { t } from '@/lib/i18n'

export function Footer(): JSX.Element {
  return (
    <footer className="bg-cyber-dark border-t border-neon-cyan/30 mt-12">
      <div className="max-w-4xl mx-auto px-4 py-6">
        <div className="flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-cyber-accent/70">
          <div className="flex flex-wrap justify-center gap-4">
            <Link href="/legal" className="hover:text-neon-cyan transition-colors">
              {t('footer.legal')}
            </Link>
            <span className="text-neon-cyan/50">•</span>
            <Link href="/terms" className="hover:text-neon-cyan transition-colors">
              {t('footer.terms')}
            </Link>
            <span className="text-neon-cyan/50">•</span>
            <Link href="/privacy" className="hover:text-neon-cyan transition-colors">
              {t('footer.privacy')}
            </Link>
          </div>
          <div className="text-cyber-accent/50">
            © {new Date().getFullYear()}{' '}
            <Link href="/" className="hover:text-neon-cyan transition-colors">
              {t('home.title')}
            </Link>
          </div>
        </div>
      </div>
    </footer>
  )
}