import { t } from "@/lib/i18n/de";

/**
 * Out-of-band Kontakt (kein Borrow-Workflow in v1). Rendert je nach
 * vorhandenen Daten einen `tel:`- und/oder `mailto:`-Link. Telefonnummer wird
 * für das `tel:`-Schema von Leerzeichen befreit; `mailto:` kann einen `subject`
 * tragen. Sind beide leer, erscheint der deutsche Hinweistext.
 */
export function KontaktButton({
  telefon,
  email,
  subject,
}: {
  telefon?: string | null;
  email?: string | null;
  subject?: string;
}) {
  const tel = telefon?.trim() ? telefon.replace(/\s+/g, "") : null;
  const mail = email?.trim() ? email.trim() : null;

  if (!tel && !mail) {
    return <p className="text-sm text-anthrazit/60">{t("kontakt.keine")}</p>;
  }

  const mailHref = mail
    ? `mailto:${mail}${subject ? `?subject=${encodeURIComponent(subject)}` : ""}`
    : null;

  return (
    <div className="flex flex-wrap gap-2">
      {tel ? (
        <a
          href={`tel:${tel}`}
          className="inline-flex items-center rounded-sm border border-rand bg-nebel px-3 py-1.5 text-sm font-medium text-navy hover:bg-rand/40"
        >
          {t("kontakt.anrufen")}
        </a>
      ) : null}
      {mailHref ? (
        <a
          href={mailHref}
          className="inline-flex items-center rounded-sm border border-rand bg-nebel px-3 py-1.5 text-sm font-medium text-navy hover:bg-rand/40"
        >
          {t("kontakt.email")}
        </a>
      ) : null}
    </div>
  );
}
