'use client';

import { Link } from '@/i18n/Link';
import { Logo } from '../Logo';
import { useT } from '@/i18n/I18nProvider';

export function Footer() {
  const t = useT();
  return (
    <footer className="relative border-t border-white/15 bg-slate-950/35 px-6 py-12 backdrop-blur-md">
      <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-6 sm:flex-row">
        <Logo className="abrban-ink" />
        <nav className="abrban-ink flex items-center gap-6 text-sm text-white/80">
          <Link href="/login" className="transition hover:text-white">
            {t.common.login}
          </Link>
          <Link href="/register" className="transition hover:text-white">
            {t.common.register}
          </Link>
          <Link href="/dashboard" className="transition hover:text-white">
            {t.common.dashboard}
          </Link>
        </nav>
        <p className="abrban-ink text-sm text-white/70">{t.landing.footer.copyright}</p>
      </div>
    </footer>
  );
}