"use client";

// SkaperStudio presentation adapter. Original footer and notices remain in vendor/.
import { t } from "@/lib/i18n";
import { useLanguage } from "@/lib/useLanguage";
import type { AppUpdateInfo } from "@/lib/appUpdate";
export { SOURCE_CODE_URL } from "@/lib/appUpdate";

export function AppFooter({ variant = "dashboard", version, onBugReport, onShowWelcome }: {
  variant?: "dashboard" | "editor";
  version: string;
  updateInfo?: AppUpdateInfo | null;
  onBugReport?: () => void;
  onShowWelcome?: () => void;
}) {
  const language = useLanguage();
  const about = language === "uk" ? "Про програму · Код" : language === "en" ? "About · Source" : "Om · Kildekode";
  return (
    <footer className={`studio-credit ${variant === "editor" ? "studio-credit-editor" : ""}`}>
      <a href="/studio/source.html#layerling" target="_blank" rel="noreferrer" title={`Layerling ${version} · AGPL-3.0`}>
        Powered by <strong>Layerling</strong>
      </a>
      <nav aria-label={about}>
        {onShowWelcome ? <button type="button" onClick={onShowWelcome}>{t("welcome.teaserTitle")}</button> : null}
        <a href={t("welcome.guideUrl")} target="_blank" rel="noreferrer">{t("dashboard.userGuide")}</a>
        {onBugReport ? <button type="button" onClick={onBugReport} title={t("editor.bugReportHint")}>{t("editor.bugReport")}</button> : null}
        <a href="/studio/source.html" target="_blank" rel="noreferrer">{about}</a>
      </nav>
    </footer>
  );
}
