'use client';

import Link from 'next/link';
import { useI18n } from './I18nProvider';

export default function SiteFooter() {
  const { t } = useI18n();
  const version = process.env.NEXT_PUBLIC_VERSION || 'dev';

  return (
    <footer className="site-footer">
      <div className="footer-row">
        <span className="footer-text" style={{ display: 'flex', gap: 10, alignItems: 'center', flexWrap: 'wrap' }}>
          <Link href="/about">{t('footerAbout')}</Link>
          <Link href="/pricing">{t('footerPricing')}</Link>
          <Link href="/privacy">{t('footerPrivacy')}</Link>
        </span>
        <span className="footer-text">
          Version <code>{version}</code>
        </span>
      </div>
    </footer>
  );
}