/* Trepa't — Aviso de cookies: tarjeta mínima en la esquina, no un banner que ocupe la pantalla */
function CookieBanner({ lang, go }) {
  const t = window.TPT_I18N[lang].cookieBanner;
  const [choice, setChoice] = React.useState(() => localStorage.getItem("tpt-cookies"));
  window.useLucide("cookiebanner" + lang + choice);

  const decide = (value) => {
    localStorage.setItem("tpt-cookies", value);
    setChoice(value);
  };

  const openInfo = (e) => {
    e.preventDefault();
    sessionStorage.setItem("tpt-legal-tab", "cookies");
    go("legal");
  };

  if (choice) return null;

  return (
    <div className="cookiebar" role="dialog" aria-live="polite" aria-label={t.text}>
      <p>{t.text} <a href="#legal" onClick={openInfo}>{t.moreInfo}</a></p>
      <div className="cookiebar__actions">
        <button type="button" className="cookiebar__btn cookiebar__btn--ghost" onClick={() => decide("necessary")}>{t.necessaryOnly}</button>
        <button type="button" className="cookiebar__btn cookiebar__btn--primary" onClick={() => decide("all")}>{t.acceptAll}</button>
      </div>
    </div>
  );
}
window.CookieBanner = CookieBanner;