"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>
      <p className="footer-cookie">{t("footerCookieNotice")}</p>
    </footer>
  );
}