"use client";

import { useEffect, useState } from "react";

const apiBase = process.env.NEXT_PUBLIC_API_BASE_URL || "/api/v1";

export default function PortalLegalClient({ kind }: { kind: "terms" | "privacy" }) {
  const [data, setData] = useState<Record<string, string>>({});
  useEffect(() => {
    fetch(`${apiBase}/legal`)
      .then((response) => response.ok ? response.json() : Promise.reject())
      .then(setData)
      .catch(() => setData({}));
  }, []);
  const title = kind === "terms"
    ? data.titulo_terminos || "Términos y condiciones"
    : data.titulo_privacidad || "Política de privacidad";
  const content = kind === "terms" ? data.contenido_terminos : data.contenido_privacidad;
  return <div className="portal-legal-card"><h1>{title}</h1>{(content || "Contenido temporalmente no disponible.").split("\n").map((paragraph, index) => <p key={index}>{paragraph}</p>)}</div>;
}