'use client'

import { useTranslation } from "react-i18next";

export default function Tail() {
  const { t } = useTranslation("common");
  const year = new Date().getFullYear();

  return (
    <footer className="border-t border-gray-200 px-6 py-4 text-sm text-gray-600">
      <div className="mx-auto flex max-w-6xl flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
        <span>
          {t("footer_rights", { year }) ??
            `© ${year} VKV. Všechna práva vyhrazena.`}
        </span>
        <div className="flex gap-3">
          <a href="https://example.com" target="_blank" rel="noreferrer">
            {t("footer_docs") ?? "Dokumentace"}
          </a>
          <a href="https://example.com/support" target="_blank" rel="noreferrer">
            {t("footer_support") ?? "Podpora"}
          </a>
        </div>
      </div>
    </footer>
  )
}