"use client";
import { useEffect, useState } from "react";
import { PublicFooter, PublicHeader } from "./PublicChrome";
const apiBase = process.env.NEXT_PUBLIC_API_BASE_URL || "/api/v1";
type Legal = Record<string, string>;
export default function LegalPage({ kind }: { kind: "terms" | "privacy" }) {
  const [data, setData] = useState<Legal>({});
  useEffect(() => { fetch(`${apiBase}/legal`).then((r) => r.ok ? r.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 <><PublicHeader /><main className="legal-page"><section className="container legal-shell"><span className="section-kicker">DOCUMENTA</span>
    <h1>{title}</h1><div className="legal-content">{(content || "Contenido temporalmente no disponible.").split("\n").map((p, i) => <p key={i}>{p}</p>)}</div>
  </section></main><PublicFooter /></>;
}